*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#183c42,transparent 60%),#0d1827;color:#f1f5f9;font:16px system-ui,sans-serif;padding:28px}main{width:100%;max-width:450px}.brand{width:64px;height:64px;display:grid;place-items:center;position:relative;background:#d5f56c;color:#14282d;border-radius:18px;font-size:38px;font-weight:800;margin-bottom:38px}.brand span{position:absolute;right:8px;bottom:6px;font-size:24px}.eyebrow{font-size:12px;letter-spacing:3px;color:#b7cbdb}h1{font-size:38px;line-height:1.15;margin:15px 0}.intro{color:#b7cbdb;line-height:1.6;margin-bottom:34px}form{display:grid;gap:12px}label{font-size:14px;color:#d6e3eb}input{background:#162536;border:1px solid #3a5264;border-radius:10px;padding:15px;color:white;font:inherit;margin-bottom:10px}input:focus{outline:2px solid #d5f56c}button{background:#d5f56c;border:0;border-radius:10px;padding:16px;font:700 16px system-ui;color:#162a28;cursor:pointer;margin-top:6px}.warning{border:1px solid #52643d;background:#cde77b0c;border-radius:10px;padding:14px;margin-top:30px;color:#d5e2ad;font-size:13px;line-height:1.5}.scope{font-size:11px;color:#8ba4b8;text-align:center;margin-top:24px}