@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--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;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--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-glow:0 0 20px #6366f14d}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-card:#111118cc;--bg-card-hover:#1a1a24e6;--bg-glass:#11111899;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-tertiary:#6b6b82;--text-inverse:#0a0a0f;--accent-primary:#818cf8;--accent-secondary:#6366f1;--accent-tertiary:#4f46e5;--accent-gradient:linear-gradient(135deg, #818cf8, #6366f1, #a78bfa);--accent-gradient-hover:linear-gradient(135deg, #a78bfa, #818cf8, #6366f1);--border-primary:#ffffff0f;--border-secondary:#ffffff1a;--border-accent:#818cf84d;--surface-glass:#ffffff08;--surface-glass-hover:#ffffff0f;--success:#34d399;--warning:#fbbf24;--error:#f87171;--info:#60a5fa;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #0009;--nav-bg:#0a0a0fd9;--nav-border:#ffffff0f;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #6366f133, transparent);--gradient-section:radial-gradient(ellipse 70% 50% at 50% 50%, #818cf80d, transparent);--gradient-fade-bottom:linear-gradient(to bottom, transparent, var(--bg-primary) 90%);--gradient-fade-top:linear-gradient(to top, transparent, var(--bg-primary) 90%)}[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#f1f3f5;--bg-tertiary:#e9ecef;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#ffffffd9;--text-primary:#1a1a2e;--text-secondary:#3f3f50;--text-tertiary:#5a5a75;--text-inverse:#f8f9fa;--accent-primary:#6366f1;--accent-secondary:#4f46e5;--accent-tertiary:#4338ca;--accent-gradient:linear-gradient(135deg, #6366f1, #4f46e5, #818cf8);--accent-gradient-hover:linear-gradient(135deg, #818cf8, #6366f1, #4f46e5);--border-primary:#00000014;--border-secondary:#0000001f;--border-accent:#6366f14d;--surface-glass:#fff9;--surface-glass-hover:#ffffffe6;--success:#059669;--warning:#d97706;--error:#dc2626;--info:#2563eb;--shadow-card:0 4px 20px #0000000a, 0 2px 4px #00000005;--shadow-card-hover:0 12px 32px #6366f11f, 0 8px 16px #0000000a;--nav-bg:#f8f9fae6;--nav-border:#0000000f;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #6366f126, transparent);--gradient-section:radial-gradient(ellipse 70% 50% at 50% 50%, #6366f10d, transparent);--gradient-fade-bottom:linear-gradient(to bottom, transparent, var(--bg-primary) 90%);--gradient-fade-top:linear-gradient(to top, transparent, var(--bg-primary) 90%)}*,: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);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow), color var(--transition-slow);line-height:1.6;overflow-x:hidden}::selection{background-color:var(--accent-primary);color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-primary);color:var(--text-primary);background:0 0;border:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::-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)}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0;position:relative}.section-title{letter-spacing:-.03em;margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-xl);text-align:center;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.7}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-secondary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:var(--accent-primary)}50%{border-color:#0000}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-left{animation:.6s ease-out forwards slideInLeft}.animate-slide-right{animation:.6s ease-out forwards slideInRight}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}@media (max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}@media (max-width:480px){.container{padding:0 var(--space-sm)}}