:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef1f7;background:#11151c}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#222b3a 0,transparent 65%)}
.login{width:100%;max-width:420px;background:#191f29;border:1px solid #354052;border-radius:20px;padding:32px;box-shadow:0 24px 80px #0005}
.identity{display:flex;gap:14px;align-items:center;color:#aab6c9;font-size:14px;overflow-wrap:anywhere}
.identity img{flex-shrink:0;border-radius:12px}
h1{font-size:28px;line-height:1.2;margin:24px 0 10px;letter-spacing:-.5px}
.description{color:#aab6c9;font-size:15px;line-height:1.6;margin:0 0 28px}
label{font-size:14px;font-weight:600}
.password-row{position:relative;margin-top:9px}
#password{font:inherit;width:100%;min-height:48px;padding:12px 92px 12px 14px;background:#11151c;border:1px solid #4a566c;border-radius:10px;color:inherit}
button{font:inherit;cursor:pointer;border:0}
.reveal{position:absolute;right:8px;top:5px;min-height:38px;background:transparent;color:#b9caff;font-size:13px;padding:7px}
.error{color:#ffb4b4;font-size:14px;line-height:1.5;margin:8px 0 0}
.error:empty{display:none}
.remember{display:flex;align-items:center;gap:12px;min-height:48px;margin:14px 0;font-weight:400;line-height:1.4;cursor:pointer}
.remember input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:#98b6ff}
.submit{width:100%;min-height:48px;border-radius:10px;background:#aac4ff;color:#142039;font-weight:650}
.submit:hover{background:#c1d4ff}
.submit:disabled{opacity:.6;cursor:wait}
:focus-visible{outline:3px solid #aac4ff;outline-offset:3px}
@media(max-width:400px){body{padding:16px}.login{padding:24px}h1{font-size:25px}}