:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#e6f7f1;background:#091420}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 15%,#214b4770,transparent 60%)}main{width:100%;max-width:480px;border:1px solid #395359;border-radius:24px;padding:40px;background:#101f2b;box-shadow:0 20px 80px #0005}.brand{font-weight:900;font-size:40px;letter-spacing:9px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a2edce}h1{font-size:38px;line-height:1.1;margin:30px 0 18px}p{color:#a8c1c8;line-height:1.6}form{display:grid;gap:20px;margin-top:30px}label{display:grid;gap:8px;font-size:14px}input{border:1px solid #405968;border-radius:8px;padding:13px;background:#081520;color:white;font:inherit;min-width:0;width:100%}button{padding:15px;background:#a1f2ce;color:#11291f;border:0;border-radius:9px;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}a{color:#a1f2ce}.note{font-size:13px}#feedback{color:#ffe1a1}input:focus-visible,button:focus-visible{outline:2px solid #afffdc;outline-offset:3px}[hidden]{display:none!important}@media(max-width:450px){main{padding:26px}}
