:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf7;background:#08101f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#19325d 0,transparent 35%),#08101f}main{width:min(92vw,460px)}.brand{font-size:12px;letter-spacing:.2em;color:#75a7ff;margin-bottom:18px}section{background:#101a2d;border:1px solid #263653;border-radius:22px;padding:32px;box-shadow:0 24px 70px #0006}h1{margin:0 0 12px;font-size:30px}p{color:#aab8d0;line-height:1.6}label{display:block;color:#b9c5d8;font-size:13px;margin:18px 0}input{display:block;width:100%;margin-top:8px;padding:13px;border-radius:10px;border:1px solid #334768;background:#0a1323;color:white}button{width:100%;border:0;border-radius:11px;padding:13px;background:#4385ff;color:white;font-weight:700;cursor:pointer}.code{font:700 34px ui-monospace;text-align:center;letter-spacing:.14em;background:#091222;border:1px solid #31486e;padding:18px;border-radius:12px;margin:20px 0}.small{font-size:12px;margin-top:24px}