*{box-sizing:border-box}html{height:100%;background:#f0f3ec}body{margin:0;min-height:100svh;color:#18251b;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;background:radial-gradient(ellipse at 75% 45%,#e8f5db66,transparent 55%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block}header{position:relative;z-index:2;padding:34px clamp(24px,5vw,86px);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1c3023;font-size:25px;font-weight:900;letter-spacing:4px}.brand svg{width:39px;height:39px;fill:#82bb3b}.private{display:flex;align-items:center;gap:9px;font:10px monospace;letter-spacing:2px;color:#586652}.private svg,.lock{fill:none;stroke:currentColor;stroke-width:1.5;width:18px;height:18px}.liquid-world{position:fixed;inset:0;overflow:hidden;pointer-events:none}.halo{position:absolute;width:75vw;height:75vw;min-width:700px;min-height:700px;left:30%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(ellipse,#ccf69aa1,transparent 64%);filter:blur(35px)}.liquid-logo{position:absolute;width:min(55vw,780px);height:min(58vw,730px);right:-3%;top:50%;transform:translateY(-50%) rotate(-15deg);animation:float 12s ease-in-out infinite}.liquid-logo i{position:absolute;left:4%;width:88%;height:21%;border-radius:clamp(12px,2.8vw,40px);border:1px solid #ffffffd9;background:linear-gradient(155deg,#fffffff5 0%,#eeffd499 18%,#a1dc558f 44%,#79ac3bab 71%,#f9ffe1d9 96%);box-shadow:inset 1px 3px 4px #fff,inset -4px -8px 18px #435e322b,0 22px 46px #5a7d361c,0 1px 1px #63803f30;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);animation:stretch 8s ease-in-out infinite}.liquid-logo i:after{content:'';position:absolute;inset:9% 1.5% 50%;border-radius:inherit;background:linear-gradient(110deg,#fff8,transparent 65%)}.liquid-logo i:nth-child(1){top:8%}.liquid-logo i:nth-child(2){top:39%;width:70%;left:13%;animation-delay:-2.6s}.liquid-logo i:nth-child(3){top:70%;animation-delay:-5.3s}.glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff4d 52%,transparent 65%);mix-blend-mode:screen;animation:glint 14s ease-in-out infinite}main{position:relative;z-index:1;max-width:1440px;margin:auto;padding:clamp(15px,4vh,55px) clamp(24px,7vw,112px) 50px;min-height:calc(100svh - 195px);display:flex;align-items:center;justify-content:space-between}.access-card{width:440px;max-width:100%;padding:38px 38px 22px;border:1px solid #ffffffdf;border-radius:27px;background:linear-gradient(135deg,#ffffffb8,#f8fff466);box-shadow:0 24px 70px #243a1412,inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4)}.eyebrow{display:flex;align-items:center;gap:8px;font:9px monospace;letter-spacing:1.7px;color:#587340;margin:0 0 25px}.eyebrow span{width:6px;height:6px;background:#82b842;border-radius:50%;box-shadow:0 0 0 4px #83b94915}h1{font-size:clamp(43px,4vw,57px);font-weight:800;letter-spacing:-2.5px;line-height:1.05;margin:0 0 20px}h1 em{font-style:normal;color:#62952f}.intro{font-size:14px;line-height:1.8;color:#63705a;margin:0 0 30px}label{font:9px monospace;letter-spacing:1.8px;color:#53624b;display:block;margin-bottom:11px}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #9aaf875e;border-radius:12px;background:#fff9;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#7ead46;box-shadow:0 0 0 4px #94c45d1c}.lock{margin-left:15px;color:#849676;flex:none}input{border:0;background:transparent;min-width:0;width:100%;height:55px;padding:12px 11px;color:#273821;font-size:16px;outline:none}input::placeholder{color:#96a48c;font-size:14px}#showpassword{border:0;background:transparent;min-width:46px;min-height:48px;color:#6b7e5c;padding:13px}#showpassword svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}#unlock{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:15px;min-height:55px;border:1px solid #b5e77f;border-radius:12px;background:linear-gradient(135deg,#c8f58d,#afe165);box-shadow:inset 0 1px 1px #f2ffe0,0 6px 15px #83b24620;color:#2c401c;padding:15px 18px;font:700 11px monospace;letter-spacing:1px;transition:filter .2s,transform .2s}#unlock svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}#unlock:hover{filter:brightness(1.04);transform:translateY(-1px)}#unlock:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #588d2f;outline-offset:3px}#loginstatus{font-size:12px;line-height:1.6;color:#9d403a;min-height:20px;margin:13px 0 0}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#839078;border-top:1px solid #879f6c24;margin:18px 0 0;padding-top:17px}.secure-note span{font-size:16px}aside{align-self:flex-end;text-align:right;padding-bottom:55px;color:#657b4d;text-shadow:0 1px 4px #fff8;pointer-events:none}aside span,aside small{display:block;font:9px monospace;letter-spacing:2px}aside b{font-size:clamp(25px,3vw,43px);font-weight:900;letter-spacing:-1px;display:block;margin:14px 0}footer{position:relative;z-index:1;padding:20px clamp(24px,5vw,86px) 30px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#859078}footer i{font-style:normal;margin-left:12px;font-size:15px}@keyframes float{0%,100%{transform:translateY(-50%) rotate(-15deg)}50%{transform:translate(2%,-53%) rotate(-9deg)}}@keyframes stretch{0%,100%{transform:scaleX(.97) translateX(-1%)}50%{transform:scaleX(1.07) translateX(2%);border-radius:35px 48px 39px 26px}}@keyframes glint{0%,100%{transform:translateX(-12%)}50%{transform:translateX(16%)}}@media(max-width:800px){header{padding:22px 24px}.private{font-size:8px;letter-spacing:1px}.brand{font-size:21px;letter-spacing:3px}.brand svg{width:33px;height:33px}main{padding:30px 24px 38px;justify-content:center;min-height:calc(100svh - 155px)}aside{display:none}.liquid-logo{width:90vw;height:100vw;right:-20%;top:38%;opacity:.75}.access-card{padding:32px 28px 23px;width:420px;background:linear-gradient(135deg,#ffffffc9,#f8fff4a6)}footer{padding:15px 24px 25px;font-size:7px;gap:20px}}@media(max-width:370px){.private{font-size:7px;letter-spacing:.5px}.access-card{padding:26px 22px}main{padding:20px 16px}h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@supports not (backdrop-filter:blur(1px)){.access-card{background:#f7faf0f2}}