*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#1c3633,#090f18 65%);color:#edf5fa;font-family:system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);padding:40px;border:1px solid #2c403e;border-radius:22px;background:#101a27;box-shadow:0 30px 100px #0005}.icon{font-size:36px;color:#adf18b}p{font-size:10px;letter-spacing:2px;color:#92a6b7}h1{font-size:28px;margin-bottom:8px}.subtitle,small{color:#92a6b7;font-size:13px}label{display:block;margin-top:22px;font-size:13px}input{display:block;width:100%;margin-top:8px;padding:13px;background:#0a1019;color:white;border:1px solid #31433c;border-radius:9px}button{width:100%;padding:14px;margin:24px 0;border:0;border-radius:9px;background:#adf18b;font-weight:700;cursor:pointer}[role=alert]{color:#ffc8ba;margin-top:18px;font-size:13px}input:focus-visible,button:focus-visible{outline:2px solid #adf18b;outline-offset:3px}small{display:block;text-align:center}