body{background:#0b0b0c;color:#eee;margin:0}a{color:var(--accent)}:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--accent:#0a7;--accent-hover:#0c9;--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#333;--text-primary:#fff;--text-secondary:#aaa;--border:#444;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem}.btn{padding:var(--space-3) var(--space-6);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:var(--text-base)}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#444}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;padding:var(--space-6)}.card-header{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}