:root{--bg-primary:#06060b;--bg-secondary:#0c0c14;--bg-tertiary:#111119;--bg-card:#11111999;--bg-card-solid:#111119;--bg-card-hover:#191926cc;--bg-glass:#11111966;--border:#ffffff0f;--border-hover:#ffffff1f;--border-accent:#6366f14d;--text-primary:#f0f0f3;--text-secondary:#8b8b9e;--text-muted:#4a4a5e;--text-heading:#fff;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--accent-glow-strong:#6366f14d;--green:#00ff41;--green-dim:#00ff411a;--green-soft:#22c55e;--green-glow:#00ff4126;--purple:#a855f7;--purple-glow:#a855f726;--cyan:#06b6d4;--cyan-glow:#06b6d426;--red:#ef4444;--orange:#f97316;--pink:#ec4899;--gradient-accent:linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--gradient-green:linear-gradient(135deg, #00ff41, #22c55e);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%, #6366f126 0%, transparent 60%);--gradient-section:radial-gradient(ellipse 80% 50% at 50% 0%, #6366f114 0%, transparent 60%);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-padding:7rem 2rem;--section-padding-mobile:4.5rem 1.25rem;--container-max:1200px;--container-sm:900px;--radius:16px;--radius-sm:10px;--radius-xs:6px;--radius-full:100px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 30px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-glow:0 0 40px #6366f11f;--shadow-glow-green:0 0 40px #00ff4114;--shadow-glow-strong:0 0 80px #6366f133;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.2s var(--ease-out);--transition-base:.35s var(--ease-out);--transition-slow:.6s var(--ease-out)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--accent);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow-strong)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes particleRise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translateX(var(--drift,30px)) scale(0);opacity:0}}@keyframes borderGlow{0%,to{border-color:#6366f133}50%{border-color:#6366f180}}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(40px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:scale(.95)translateY(20px)}.reveal-scale.revealed{opacity:1;transform:scale(1)translateY(0)}.reveal-left{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translate(-40px)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translate(40px)}.reveal-right.revealed{opacity:1;transform:translate(0)}.stagger-1{transition-delay:50ms}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}.stagger-7{transition-delay:.35s}.stagger-8{transition-delay:.4s}.section{padding:var(--section-padding);max-width:var(--container-max);margin:0 auto;position:relative}.section-title{font-family:var(--font-heading);text-align:center;color:var(--text-heading);letter-spacing:-.03em;margin-bottom:1rem;font-size:2.75rem;font-weight:700;line-height:1.15}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:560px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 40px var(--accent-glow-strong);transform:translateY(-3px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-outline:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-3px)}.btn-green{background:var(--gradient-green);color:#000;font-weight:600}.btn-green:hover{box-shadow:0 8px 30px var(--green-dim);transform:translateY(-3px)}.btn-lg{border-radius:var(--radius);padding:1rem 2.25rem;font-size:1.05rem}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}@media (max-width:768px){.section{padding:var(--section-padding-mobile)}.section-title{font-size:2rem}.section-subtitle{margin-bottom:3rem;font-size:.95rem}}
