:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f4f4f4;background:#080808}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 30% 0%,#222 0,transparent 65%)}.login{width:100%;max-width:440px;padding:38px;border:1px solid #303030;border-radius:18px;background:#101010}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:800;margin-bottom:44px}.brand>span{font-size:22px;letter-spacing:-.8px}.eyebrow{font-size:10px;letter-spacing:2px;color:#999}h1{font-size:34px;line-height:1.15;letter-spacing:-1.5px;margin:15px 0}p{font-size:13px;line-height:1.8;color:#999}form{margin-top:25px}label{display:block;font-size:12px;margin-top:18px;color:#ccc}input{display:block;width:100%;border:1px solid #3a3a3a;border-radius:9px;padding:14px;color:#fff;background:#090909;margin-top:8px;font:inherit;font-size:15px}input:focus{outline:2px solid #999;outline-offset:2px}button{width:100%;margin:25px 0 15px;padding:15px;border:0;border-radius:9px;background:#fff;color:#111;font-weight:700;font-size:13px;cursor:pointer}small{display:block;color:#777;font-size:10px;line-height:1.7}.error{color:#ff7777}@media(max-width:480px){.login{padding:27px}h1{font-size:30px}}