:root{--bg-base: #080808;--bg-surface: #0d0d0d;--bg-elevated: #111111;--bg-card: #141414;--bg-hover: #1a1a1a;--border: #1e1e1e;--border-light: #2a2a2a;--red: #c8102e;--red-bright: #e8112f;--red-dim: #7a0a1c;--red-glow: rgba(200, 16, 46, .12);--red-subtle: rgba(200, 16, 46, .06);--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--green: #2ecc71;--green-dim: rgba(46, 204, 113, .1);--blue: #4f8ef0;--blue-dim: rgba(79, 142, 240, .1);--radius-sm: 2px;--radius: 5px;--radius-lg: 8px;--radius-xl: 12px;--shadow: 0 8px 40px rgba(0, 0, 0, .8);--shadow-red: 0 0 40px rgba(200, 16, 46, .25);--transition: .2s cubic-bezier(.4, 0, .2, 1);--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#444}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;background:var(--red);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:var(--transition)}.btn-primary:hover{background:var(--red-bright);box-shadow:var(--shadow-red);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#d0d0d0;border:1px solid #2a2a2a;border-radius:var(--radius);font-family:var(--font-display);font-weight:500;font-size:13px;letter-spacing:.5px;transition:var(--transition)}.btn-secondary:hover{border-color:var(--red-dim);color:var(--red);background:var(--red-subtle)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;color:#777;border:none;border-radius:var(--radius-sm);font-size:12px;transition:var(--transition)}.btn-ghost:hover{color:#d0d0d0;background:#111}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:2px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tag-red{background:var(--red-glow);color:var(--red);border:1px solid var(--red-dim)}.tag-green{background:var(--green-dim);color:var(--green)}.tag-blue{background:var(--blue-dim);color:var(--blue)}.tag-muted{background:#111;color:#777;border:1px solid #222}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.input{width:100%;padding:11px 14px;background:#0d0d0d;border:1px solid #1e1e1e;border-radius:var(--radius);color:#f0f0f0;font-size:14px;transition:var(--transition);outline:none}.input:focus{border-color:#c8102e66;box-shadow:0 0 0 3px #c8102e0f}.input::placeholder{color:#444}.label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:#666;margin-bottom:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}