*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background: radial-gradient(900px 320px at 18% -100px, var(--glow), transparent 70%), var(--bg);
  color:var(--text);
  font-family:var(--mono);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.wrap{width:360px;max-width:92vw}
.header-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.brand-block{flex:1;min-width:0}
.brand{font-size:1rem;font-weight:700;color:var(--gold);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.brand small{color:var(--tan-dim);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400}
.version-tag{font-size:.65rem;color:var(--muted);letter-spacing:.06em}
.card{background:linear-gradient(180deg, var(--pane), var(--pane-2));border:1px solid var(--border);border-radius:14px;padding:24px 26px 22px;box-shadow:0 12px 30px -22px #000}
.subtitle{font-size:.72rem;color:var(--muted);margin:0 0 20px;letter-spacing:.03em}
.subtitle .accent{color:var(--gold);font-style:italic}
label{font-size:.68rem;color:var(--tan-dim);text-transform:uppercase;letter-spacing:.09em;display:block;margin-bottom:6px}
.field{margin-bottom:14px}
input{width:100%;padding:9px 12px;background:var(--pane);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;font-family:var(--mono);transition:border-color .2s,box-shadow .2s}
input::placeholder{color:var(--gutter)}
input:focus{outline:none;border-color:var(--border-active);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 12%, transparent)}
button{width:100%;padding:10px;margin-top:6px;background:var(--gold);color:#0a0a0b;border:none;border-radius:8px;font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.04em;cursor:pointer;transition:filter .15s,transform .1s}
button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}
.error{display:flex;align-items:flex-start;gap:8px;color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent);border:1px solid color-mix(in srgb, var(--red) 35%, transparent);border-radius:8px;padding:8px 10px;font-size:.75rem;margin-bottom:14px}
.error .icon{flex:none}
.theme-row{display:flex;align-items:center;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border-soft)}
.theme-row .tlabel{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-right:2px}
.footer-note{margin-top:16px;text-align:center;font-size:.65rem;color:var(--gutter);letter-spacing:.07em;text-transform:uppercase}
.footer-note a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--gutter)}
.footer-note a:hover{color:var(--tan-dim);border-bottom-color:var(--tan-dim)}