@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#111;--surface2:#1a1a1a;--surface3:#222;--border:#262626;--border2:#333;--text:#e8e4dc;--text-dim:#888;--text-faint:#555;--green:#2ecc71;--green-dim:#2ecc7126;--green-border:#2ecc714d;--amber:#f0a500;--amber-dim:#f0a5001f;--amber-border:#f0a50040;--blue:#64a0ff;--blue-dim:#64a0ff1f;--blue-border:#64a0ff40;--purple:#c864ff;--purple-dim:#c864ff1f;--purple-border:#c864ff40;--red:#ff6464;--red-dim:#ff64641f;--red-border:#ff646440;--radius:8px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6}.mono{font-family:JetBrains Mono,monospace}.serif{font-family:Instrument Serif,serif}.btn{cursor:pointer;border:none;border-radius:6px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--green);color:var(--bg)}.btn-primary:hover{background:#27ae60;transform:translateY(-1px)}.btn-secondary{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-secondary:hover{color:var(--text);border-color:var(--border2)}.btn-ghost{color:var(--text-dim);background:0 0;border:none;padding:8px 16px;font-size:13px}.btn-ghost:hover{color:var(--text)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.field{margin-bottom:20px}.field-label{letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}input[type=text],input[type=email],input[type=password]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--green-border)}input::placeholder{color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:24px}.topnav{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;align-items:center;gap:12px;padding:16px 32px;display:flex;position:sticky;top:0}.topnav-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.topnav-brand{letter-spacing:.15em;color:var(--green);text-transform:uppercase;font-size:11px}.topnav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.topnav-user{color:var(--text-dim);font-size:12px}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{background:var(--red-dim);border:1px solid var(--red-border);color:var(--red)}.alert-success{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green)}.alert-info{background:var(--blue-dim);border:1px solid var(--blue-border);color:var(--blue)}.divider{align-items:center;gap:16px;margin:24px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{color:var(--text-faint);font-family:JetBrains Mono,monospace;font-size:12px}