:root{--bg-primary: #070b14;--bg-secondary: #0c1322;--bg-tertiary: #111a2e;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(22, 33, 62, .85);--bg-glass: rgba(12, 19, 34, .8);--bg-input: rgba(17, 26, 46, .8);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverted: #070b14;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--accent-blue-glow: rgba(59, 130, 246, .25);--accent-purple: #8b5cf6;--accent-purple-light: #a78bfa;--accent-purple-glow: rgba(139, 92, 246, .25);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #60a5fa 0%, #c084fc 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, .15) 0%, rgba(139, 92, 246, .05) 50%, transparent 100%);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(96, 165, 250, .6);--border-card: rgba(148, 163, 184, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(59, 130, 246, .25);--shadow-glow-purple: 0 0 25px rgba(139, 92, 246, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .18s ease;--transition-normal: .28s ease;--transition-slow: .45s cubic-bezier(.16, 1, .3, 1);--navbar-height: 72px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .98);--bg-glass: rgba(248, 250, 252, .85);--bg-input: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverted: #ffffff;--accent-blue: #2563eb;--accent-blue-light: #3b82f6;--accent-blue-glow: rgba(37, 99, 235, .15);--accent-purple: #7c3aed;--accent-purple-light: #8b5cf6;--accent-purple-glow: rgba(124, 58, 237, .15);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(241, 245, 249, .6) 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(37, 99, 235, .08) 0%, rgba(124, 58, 237, .04) 50%, transparent 100%);--border-subtle: rgba(15, 23, 42, .08);--border-focus: rgba(37, 99, 235, .6);--border-card: rgba(15, 23, 42, .08);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px -4px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, .12);--shadow-glow: 0 0 25px rgba(37, 99, 235, .15);--shadow-glow-purple: 0 0 25px rgba(124, 58, 237, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-height) + 16px);font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);position:relative;min-height:100vh}body:before{content:"";position:fixed;top:-150px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,rgba(139,92,246,.05) 45%,transparent 70%);pointer-events:none;z-index:0;filter:blur(80px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:1}.section{padding-top:5.5rem;padding-bottom:5.5rem;position:relative}.section-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:#3b82f61a;color:var(--accent-blue-light);border:1px solid rgba(59,130,246,.2);margin-bottom:1rem}[data-theme=light] .section-tag{background:#2563eb14;color:var(--accent-blue);border:1px solid rgba(37,99,235,.2)}.section-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;margin-bottom:1rem}.section-subtitle{font-size:1.0625rem;color:var(--text-secondary);line-height:1.6}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glass-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:#60a5fa4d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff!important;box-shadow:0 4px 18px #3b82f659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f680;filter:brightness(1.08)}.btn-secondary{background:#ffffff0d;color:var(--text-primary)!important;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-blue-light);transform:translateY(-2px)}[data-theme=light] .btn-secondary{background:#0f172a0a;border-color:#0f172a1f}[data-theme=light] .btn-secondary:hover{background:#0f172a14}.btn-outline{background:transparent;color:var(--accent-blue-light)!important;border:1px solid var(--accent-blue)}.btn-outline:hover{background:#3b82f61a;transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon-only{width:42px;height:42px;padding:0;border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .7s var(--transition-slow) forwards}.animate-float{animation:float 4s ease-in-out infinite}@media (max-width: 991px){:root{--navbar-height: 68px}.section{padding-top:4.5rem;padding-bottom:4.5rem}}@media (max-width: 767px){.section{padding-top:3.5rem;padding-bottom:3.5rem}.section-header{margin-bottom:2.5rem}.btn{width:100%;padding:.75rem 1.25rem}}
