:root{--brand-primary:#8b5cf6;--brand-primary-hover:#7c3aed;--brand-primary-light:#a78bfa;--brand-primary-dark:#6d28d9;--brand-secondary:#06b6d4;--brand-secondary-hover:#0891b2;--brand-tertiary:#ec4899;--brand-tertiary-hover:#db2777;--brand-background:#0f0a1a;--brand-background-alt:#1a0f2e;--brand-background-card:#8b5cf60d;--brand-text-primary:#f8fafc;--brand-text-secondary:#cbd5e1;--brand-text-muted:#94a3b8;--brand-success:#10b981;--brand-warning:#f59e0b;--brand-error:#ef4444;--brand-info:#06b6d4;--brand-border:#8b5cf633;--brand-border-focus:#8b5cf680;--brand-gradient-primary:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #ec4899 100%);--brand-gradient-secondary:linear-gradient(135deg, #06b6d4 0%, #8b5cf6 50%, #ec4899 100%);--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--glow-primary:0 0 20px #8b5cf64d;--glow-secondary:0 0 20px #06b6d44d;--glow-tertiary:0 0 20px #ec48994d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--glass-background:#0f0a1ab3;--glass-border:#8b5cf633;--glass-blur:blur(20px)}[data-theme=light]{--brand-background:#f8fafc;--brand-background-alt:#f1f5f9;--brand-background-card:#fff;--brand-text-primary:#0f172a;--brand-text-secondary:#475569;--brand-text-muted:#64748b;--brand-border:#8b5cf626;--brand-border-focus:#8b5cf666;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}body{font-family:var(--font-body);background-color:var(--brand-background);color:var(--brand-text-primary);background-image:radial-gradient(at 0 0,#8b5cf61a 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d41a 0,#0000 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--brand-text-primary)}code,pre{font-family:var(--font-mono)}.text-tertiary{color:var(--brand-tertiary)}.bg-gradient-primary{background:var(--brand-gradient-primary)}.bg-gradient-secondary{background:var(--brand-gradient-secondary)}.shadow-brand{box-shadow:0 4px 12px #8b5cf64d}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.glass{background:var(--glass-background);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient{background-size:200% 200%;animation:3s infinite gradient-shift}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}button:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}a:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}input:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}select:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}textarea:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}[role=button]:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}[role=slider]:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}[tabindex]:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf633}@keyframes breathing-glow{0%,to{opacity:.6;transform:scale(1);box-shadow:0 0 12px #8b5cf633}50%{opacity:1;transform:scale(1.03);box-shadow:0 0 24px #8b5cf666}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathing-pulse{0%,to{opacity:.4}50%{opacity:.7}}.animate-breathing-glow{animation:8s ease-in-out infinite breathing-glow}.animate-fade-slide-in{animation:.4s ease-out both fade-slide-in}.animate-breathing-pulse{animation:4s ease-in-out infinite breathing-pulse}@media (prefers-reduced-motion:reduce){.animate-pulse-glow,.animate-gradient,.animate-breathing-glow,.animate-fade-slide-in,.animate-breathing-pulse{animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}