@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary:"Outfit", sans-serif;--bg-deep:#080c14;--bg-dark:#0f172a;--bg-card:#0f172a73;--bg-card-hover:#1e293ba6;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-pink:#ec4899;--grad-primary:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);--grad-text:linear-gradient(135deg, #fff 30%, #a5b4fc 100%);--grad-accent-text:linear-gradient(135deg, #a78bfa 0%, #22d3ee 100%);--grad-dark:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-dark) 100%);--grad-glow:radial-gradient(circle at 50% 50%, #8b5cf626, transparent 60%);--accent-glow:#8b5cf626;--shadow-sm:0 2px 8px -1px #0003;--shadow-md:0 4px 20px -2px #0000004d;--shadow-lg:0 10px 30px -3px #0006;--shadow-glow:0 0 20px #8b5cf633;--shadow-glow-cyan:0 0 20px #06b6d440;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--container-width:1200px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-deep);background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom, var(--accent-purple), var(--accent-cyan))}::selection{color:var(--text-primary);background-color:#8b5cf64d}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.container{width:100%;max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding:7rem 0 5rem;position:relative}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px)saturate(120%);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-lg)}.glass-navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#080c14b3}.gradient-text{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accent-text{background:var(--grad-accent-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-btn{background:var(--grad-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.gradient-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 25px #8b5cf666}.gradient-btn:active{transform:translateY(0)}.outline-btn{color:var(--text-primary);border:1px solid var(--border-color-hover);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.outline-btn:hover{border-color:var(--text-secondary);background:#ffffff0d;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes border-glow{0%,to{border-color:var(--border-color)}50%{border-color:#8b5cf666}}.animate-float{animation:6s ease-in-out infinite float}.glow-bg{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;position:absolute}.glow-bg-cyan{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);border-radius:50%;width:35vw;height:35vw;position:absolute}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=968px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=640px){.grid-3{grid-template-columns:1fr}html{font-size:14px}.section{padding:5rem 0 3rem}}.reveal{opacity:0;will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-slide-up{transform:translateY(35px)}.reveal-fade{transform:scale(.97)}.reveal.revealed{opacity:1;transform:translateY(0)scale(1)}.custom-cursor-dot.cursor-hover{width:12px;height:12px;background-color:var(--accent-purple)!important}.custom-cursor-ring.cursor-hover{background-color:#06b6d40d;width:44px;height:44px;border-color:var(--accent-cyan)!important}.reveal-blur{opacity:0;filter:blur(8px);will-change:opacity, filter, transform;transition:opacity .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal-blur.revealed{opacity:1;filter:blur();transform:translateY(0)}.reveal-slide-left{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-50px)}.reveal-slide-left.revealed{opacity:1;transform:translate(0)}.reveal-slide-right{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(50px)}.reveal-slide-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.85)}.reveal-scale.revealed{opacity:1;transform:scale(1)}.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-heading-reveal{display:inline-block;position:relative}.section-heading-reveal:after{content:"";background:var(--grad-primary);border-radius:1px;width:0;height:2px;transition:width .8s cubic-bezier(.16,1,.3,1),left .8s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-6px;left:50%}.section-heading-reveal.revealed:after{width:60px;left:calc(50% - 30px)}.section{opacity:1;transition:opacity .6s}.glass-panel{transform:translateZ(0)}@keyframes drift{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translate(80px,-120px)rotate(180deg)}}@keyframes drift-reverse{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translate(-60px,-100px)rotate(-120deg)}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-blur,.reveal-slide-left,.reveal-slide-right,.reveal-scale{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.animate-float{animation:none!important}}
