:root{--bg: #0b0f0c;--text: #f3f4f6;--muted: rgba(243, 244, 246, .65);--surface: rgba(17, 20, 18, .72);--surface-2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--accent: #10b981;--accent-soft: rgba(16, 185, 129, .12);--shadow: 0 20px 60px rgba(0, 0, 0, .55);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}body.light-theme{--bg: #f8faf9;--text: #111827;--muted: rgba(17, 24, 39, .65);--surface: rgba(255, 255, 255, .75);--surface-2: rgba(17, 24, 39, .04);--border: rgba(17, 24, 39, .1);--accent: #059669;--accent-soft: rgba(5, 150, 105, .12);--shadow: 0 12px 30px rgba(17, 24, 39, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);transition:background .35s ease,color .35s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.1),transparent 40%),radial-gradient(circle at 80% 30%,rgba(245,158,11,.06),transparent 45%);pointer-events:none;z-index:-1;opacity:.9}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.btn{padding:10px 16px;border-radius:10px;font-size:14px;transition:.2s ease}.btn--primary{background:var(--accent);color:#0b0f0c;font-weight:600}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{border:1px solid var(--border)}.muted{color:var(--muted)}