:root{--bg:#0d0e0e;--surface:#141616;--surface-2:#1c1e1e;--border:#2b2e2e;--text:#f5f5f4;--dim:#a4a4a1;--accent:#ff3b30;--accent-ink:#ff645c;--green:#5fd28b;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:radial-gradient(90% 60% at 0% 0%,rgba(255,59,48,.18),transparent 62%),var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.5),0 6px 18px rgba(0,0,0,.35)}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff3b30,#ff645c 55%,transparent)}
.logo{height:28px;width:auto;display:block}
h1{font-size:1.15rem;font-weight:700;margin:18px 0 4px;letter-spacing:-.01em}
p{margin:0 0 16px;color:var(--dim)}
label{display:block;font-size:.8rem;font-weight:600;color:var(--dim);margin-bottom:6px}
input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit}
input:focus{outline:2px solid var(--accent-ink);outline-offset:1px}
button{width:100%;margin-top:14px;padding:11px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff3b30,#f2362d);color:#fff;font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
button[disabled]{opacity:.6;cursor:default}
button.secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}
.msg{margin-top:14px;font-size:.88rem;min-height:1.3em}
.msg.ok{color:var(--green)}.msg.err{color:var(--accent-ink)}
.env{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#2e2411;color:#f2bf5e;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.who{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:.85rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:4px;word-break:break-all}
footer{text-align:center;color:var(--dim);font-size:.75rem;padding:16px}
[hidden]{display:none!important}
.mt{margin-top:18px}
a{color:var(--accent-ink)}