:root{--fg:#1d1d1f;--mute:#6e6e73;--bg:#f5f5f7;--card:rgba(255,255,255,.82);--a:#0071e3;--bad:#d70015;--line:rgba(0,0,0,.08)}
@media (prefers-color-scheme:dark){:root{--fg:#f5f5f7;--mute:#a1a1a6;--bg:#000;--card:rgba(28,28,30,.86);--a:#2997ff;--bad:#ff453a;--line:rgba(255,255,255,.12)}}
*{box-sizing:border-box;margin:0}
body{min-height:100vh;display:grid;place-items:center;padding:24px 16px;font:17px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:var(--fg);background:var(--bg);background-image:radial-gradient(60% 50% at 15% 10%,rgba(10,132,255,.25),transparent 60%),radial-gradient(50% 45% at 90% 20%,rgba(191,90,242,.22),transparent 60%),radial-gradient(60% 50% at 60% 100%,rgba(255,55,95,.16),transparent 60%)}
main{width:min(420px,100%);background:var(--card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:28px;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.12);display:grid;gap:16px}
h1{font-size:34px;font-weight:700;letter-spacing:-.03em;text-align:center}
.sub{color:var(--mute);font-size:15px;text-align:center}
label{display:grid;gap:6px;font-size:14px;color:var(--mute)}
input{font:inherit;font-size:17px;color:var(--fg);background:rgba(120,120,128,.12);border:1px solid transparent;border-radius:12px;padding:13px 14px;outline:none;width:100%}
input:focus{border-color:var(--a);background:transparent}
button{font:inherit;font-size:17px;font-weight:600;border:0;border-radius:14px;padding:14px;background:var(--a);color:#fff;cursor:pointer}
button[disabled]{opacity:.5}
.err{color:var(--bad);font-size:15px;text-align:center;min-height:1.2em}
.logo{width:56px;height:56px;border-radius:16px;margin:0 auto;background:linear-gradient(135deg,#0a84ff,#bf5af2 60%,#ff375f);display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:-.04em}