@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--card-width:100px;--card-height:145px;--card-radius:8px;--card-gap:24px;--z-base:0;--z-card:10;--z-drag:100;--z-overlay:200;--z-modal:300;--z-toast:400}[data-theme=dark],:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a2236;--bg-card:#1e293b;--bg-card-hover:#253349;--bg-surface:#1e293bcc;--bg-glass:#111827b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-primary:#94a3b81f;--border-hover:#94a3b840;--accent-primary:#6366f1;--accent-primary-hover:#818cf8;--accent-secondary:#22d3ee;--accent-tertiary:#a78bfa;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--gradient-hero:linear-gradient(135deg, #6366f1 0%, #8b5cf6 30%, #a855f7 60%, #d946ef 100%);--gradient-card:linear-gradient(145deg, #6366f114, #8b5cf60a);--gradient-accent:linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-glow:radial-gradient(circle at 50% 0%, #6366f126, transparent 60%);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-glow:0 0 20px #6366f14d;--shadow-card-hover:0 8px 32px #6366f133;--felt-green:#1a5c2e;--felt-green-light:#237a3c}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-surface:#ffffffe6;--bg-glass:#ffffffb3;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#f1f5f9;--border-primary:#0f172a14;--border-hover:#0f172a26;--accent-primary:#4f46e5;--accent-primary-hover:#6366f1;--accent-secondary:#0891b2;--accent-tertiary:#7c3aed;--accent-success:#059669;--accent-warning:#d97706;--accent-danger:#dc2626;--gradient-hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 30%, #9333ea 60%, #c026d3 100%);--gradient-card:linear-gradient(145deg, #4f46e50f, #7c3aed08);--gradient-accent:linear-gradient(135deg, #4f46e5, #7c3aed);--gradient-glow:radial-gradient(circle at 50% 0%, #4f46e514, transparent 60%);--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-glow:0 0 20px #4f46e526;--shadow-card-hover:0 8px 32px #4f46e51f;--felt-green:#2d8a4e;--felt-green-light:#3da564}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;transition:background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);line-height:1.6;overflow-x:hidden}a{color:var(--accent-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-primary-hover)}button{font-family:var(--font-primary);cursor:pointer;font-size:inherit;background:0 0;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-out);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-lg), 0 0 30px #6366f166;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-md);background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-primary);font-size:var(--text-lg);justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover)}