@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(71,185,210,.17),transparent 30%),#08111f;color:#f6f9fc;font-family:Manrope,system-ui,sans-serif}.login-shell{width:min(430px,100%)}.login-card{padding:36px;background:#0e1a2c;border:1px solid #263b55;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.logo{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#f6f9fc;color:#173258;font-weight:800;font-size:20px;line-height:.82;transform:rotate(-3deg)}.logo span{display:block;margin-left:10px}.eyebrow{margin:28px 0 7px;color:#ef9d6f;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:34px;letter-spacing:-.04em}.subtitle{margin:9px 0 28px;color:#8fa5ba;font-size:13px;line-height:1.5}form{display:grid;gap:16px}label{display:grid;gap:7px;color:#a9c0d2;font-size:12px;font-weight:700}input{width:100%;padding:13px 14px;border:1px solid #263b55;border-radius:12px;background:#091522;color:#fff;font:inherit;outline:none}input:focus{border-color:#85dded;box-shadow:0 0 0 3px rgba(133,221,237,.1)}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:6px;width:38px;height:38px;margin:0;padding:8px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8fa5ba}.password-toggle:hover{background:rgba(133,221,237,.08);color:#85dded}.password-toggle:focus-visible{outline:2px solid #85dded;outline-offset:1px}.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-slash{display:none}.password-toggle.is-revealed .eye-slash{display:block}button{margin-top:4px;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#85dded,#47b9d2);color:#071522;font:700 14px Manrope;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{min-height:18px;margin:0;color:#ff9696;font-size:12px;text-align:center}