:root{color-scheme:dark;--on-gold:#09090b;--bg:#09090b;--panel:#111113;--card:#18181b;--line:#27272a;--grid-line:rgba(255,255,255,.022);--gold:#e4e4e7;--gold-dim:#a1a1aa;--text:#fafafa;--dim:#a1a1aa;--faint:#71717a;--danger:#ef4444;--ok:#22c55e;--radius:8px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Geist',sans-serif;min-height:100vh;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:64px 64px;background-attachment:fixed;background-position:-1px -1px}
button,input{font-family:inherit}
.mono{font-family:'Geist Mono',monospace}
.btn{padding:10px 22px;border-radius:var(--radius);font-size:13px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;transition:all .15s}
.btn:hover{border-color:var(--gold)}
.btn-primary{background:var(--gold);color:var(--on-gold);border-color:var(--gold);font-weight:600}
.btn-primary:hover{background:var(--gold-dim)}
.btn:disabled{opacity:.5;cursor:default}
.btn:focus-visible,input:focus-visible,.link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.field{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.field label{font-size:13px;color:var(--dim)}
.field input{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:11px 12px;font-size:15px}
.field input:focus{border-color:var(--gold-dim);outline:none}
.link{background:none;border:0;color:var(--dim);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link:hover{color:var(--text)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gold)}
.brand-name{font-size:18px;line-height:1.1}
.brand-name span{display:block;font-family:'Geist Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:2px;margin-top:3px}

/* tema claro (alternado em Configurações > Preferências ou no topo) */
:root[data-tema="claro"]{color-scheme:light;--bg:#f8f8f9;--panel:#f1f1f4;--card:#ffffff;--line:#e4e4e7;--grid-line:rgba(0,0,0,.024);--gold:#18181b;--gold-dim:#3f3f46;--text:#18181b;--dim:#52525b;--faint:#71717a;--danger:#dc2626;--ok:#16a34a;--on-gold:#fafafa}