:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080b10;color:#f4f7fa}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 15%,#16344a88,transparent 60%);padding:24px}main{width:min(100%,480px);padding:44px 36px;border:1px solid #ffffff17;border-radius:26px;background:#101720c9;box-shadow:0 32px 100px #0008}.brand{font-size:38px;font-weight:800;letter-spacing:3px}.eyebrow{font-size:10px;color:#97a9b7;letter-spacing:2px;margin:16px 0 32px}h1{font-size:29px;line-height:1.2;letter-spacing:-.7px}p{color:#a8b6c4;line-height:1.65;font-size:15px}form{margin:30px 0}label{display:block;font-size:13px;margin-bottom:10px;color:#c3cfda}input,button{font:inherit;width:100%;border-radius:12px;min-height:48px}input{background:#070d14;border:1px solid #ffffff25;padding:12px 14px;color:white}input:focus-visible{outline:2px solid #55adf2;outline-offset:3px}button{margin-top:18px;border:0;background:#75bbf4;color:#081622;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 18px}button:hover{background:#98cdff}button:focus-visible{outline:2px solid white;outline-offset:3px}small{display:block;font-size:11px;color:#8194a4;line-height:1.6}.error{font-size:13px;color:#ffc8ba;margin:14px 0 0}@media(max-width:420px){main{padding:32px 24px}h1{font-size:26px}}