@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#06f;--color-primary-dark:#0052cc;--color-primary-light:#e6f0ff;--color-primary-rgb:0, 102, 255;--color-accent:#00d4aa;--color-accent-dark:#00b894;--color-accent-light:#e6fff9;--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-bg-dark:#0a0e1a;--color-bg-dark-secondary:#111827;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-text-on-dark:#f9fafb;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--gradient-primary:linear-gradient(135deg, #06f 0%, #00d4aa 100%);--gradient-dark:linear-gradient(135deg, #0a0e1a 0%, #1e293b 100%);--gradient-hero:linear-gradient(135deg, #0a0e1a 0%, #0f172a 50%, #1e293b 100%);--gradient-card:linear-gradient(145deg, #ffffff0d 0%, #ffffff05 100%);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--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;--text-7xl:4.5rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--container-max:1280px;--container-padding:1.5rem;--header-height:80px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 30px #0066ff26;--shadow-glow-accent:0 0 30px #00d4aa26;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-smooth:.6s cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:400;--z-modal:500;--z-toast:600}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-4xl) 0}.section--dark{background:var(--gradient-dark);color:var(--color-text-on-dark)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-text-on-dark)}.section--dark p{color:#f9fafbb3}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.fade-in{opacity:0;transition:opacity var(--transition-smooth), transform var(--transition-smooth);transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger>:first-child{transition-delay:0s}.stagger>:nth-child(2){transition-delay:.1s}.stagger>:nth-child(3){transition-delay:.2s}.stagger>:nth-child(4){transition-delay:.3s}.stagger>:nth-child(5){transition-delay:.4s}.stagger>:nth-child(6){transition-delay:.5s}.stagger>:nth-child(7){transition-delay:.6s}.stagger>:nth-child(8){transition-delay:.7s}@media (max-width:1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){html{font-size:15px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.section{padding:var(--space-3xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}:root{--container-padding:1rem}}@media (max-width:480px){html{font-size:14px}h1{font-size:var(--text-2xl)}.section{padding:var(--space-2xl) 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-primary);color:#fff}