:root{--bg:#000;--card:#1c1c1eb8;--stroke:#ffffff14;--text:#f5f5f7;--muted:#86868b;--field:#7676802e;--field-focus:#76768047;--accent:#0a84ff;--accent-press:#0071e3;--danger:#ff453a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.screen{background:radial-gradient(60% 50% at 50% 0%, #0a84ff29, transparent 70%), var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.card{background:var(--card);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(24px);text-align:center;border-radius:22px;flex-direction:column;align-items:stretch;width:100%;max-width:360px;padding:36px 28px 28px;display:flex;box-shadow:0 30px 80px #0009}.mark{border:1px solid var(--stroke);background:linear-gradient(145deg,#3a3a3c,#1c1c1e);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 18px;display:grid}.mark span{background:radial-gradient(circle at 35% 35%, #7fc0ff, var(--accent) 60%, #004a9b);border-radius:50%;width:22px;height:22px}h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.sub{color:var(--muted);margin:6px 0 24px;font-size:14px}.field{background:var(--field);width:100%;height:46px;color:var(--text);font:inherit;text-align:center;border:1px solid #0000;border-radius:12px;outline:none;padding:0 14px;font-size:16px;transition:background .15s,border-color .15s,box-shadow .15s}.field::placeholder{color:var(--muted)}.field:focus{background:var(--field-focus);border-color:var(--accent);box-shadow:0 0 0 4px #0a84ff40}.error{color:var(--danger);margin:12px 0 0;font-size:13px}.button{background:var(--accent);color:#fff;height:46px;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:16px;font-size:16px;font-weight:600;transition:background .15s,transform 50ms}.button:hover{background:var(--accent-press)}.button:active{transform:scale(.99)}
