:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#071015;color:#eaf3f5}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 0,#18333a,#071015 60%)}main{display:grid;place-items:center;min-height:100svh;padding:24px}section{width:min(420px,100%);padding:34px;border:1px solid #29414b;border-radius:20px;background:#0d1a20e8;box-shadow:0 30px 90px #0008}.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#193b30;color:#7af07e;font-size:32px}.eyebrow{margin:20px 0 4px;color:#83f080;font:700 13px ui-monospace,monospace;letter-spacing:.07em}h1{margin:0;font-size:28px}.intro{color:#9eb0b9;line-height:1.5}form{display:grid;gap:15px;margin-top:24px}label{display:grid;gap:7px;color:#cad7dc;font-size:13px}input{height:46px;padding:0 13px;border:1px solid #38505b;border-radius:10px;background:#071116;color:#f3f7f8;font-size:16px}.remember{grid-template-columns:20px 1fr;align-items:start;gap:10px}.remember input{width:19px;height:19px;margin:1px 0;accent-color:#65d96b}.remember small{color:#889ba4;font-size:12px}button{height:48px;border:0;border-radius:10px;background:#53ae5a;color:white;font-size:16px;font-weight:700;cursor:pointer}#error{min-height:1em;margin:0;color:#ff9a9a;font-size:13px}@media(max-width:430px){main{align-items:start;padding:calc(12svh) 20px 20px}section{padding:26px 22px;border-radius:16px}h1{font-size:26px}}