:root{--purple-primary: #7c3aed;--purple-secondary: #8b5cf6;--purple-glow: #a78bfa;--purple-deep: #5b21b6;--purple-dark: #3b0764;--accent-cyan: #22d3ee;--accent-pink: #f472b6;--accent-gold: #fbbf24;--bg-dark: #030305;--bg-darker: #000000;--bg-card: rgba(120, 80, 200, .06);--bg-card-hover: rgba(120, 80, 200, .12);--text-primary: #f8fafc;--text-secondary: rgba(248, 250, 252, .65);--text-muted: rgba(248, 250, 252, .4);--border-color: rgba(139, 92, 246, .15);--border-glow: rgba(139, 92, 246, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}html,body{max-width:100vw;overflow-x:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(124,58,237,.08),transparent);background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.glass{background:linear-gradient(135deg,#0a0a14e6,#140a28cc);border:1px solid rgba(139,92,246,.1);border-radius:20px;transition:border-color .3s ease,box-shadow .3s ease}.glass:hover{border-color:#8b5cf64d;box-shadow:0 8px 30px #7c3aed1a}.feature-card{background:#0f0a1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.15);box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{background:#140c28b3;box-shadow:0 20px 40px #8b5cf633,inset 0 1px #ffffff0d;border-color:#8b5cf666}.project-card{background:#0f0a1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.15);box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{background:#140c28b3;box-shadow:0 20px 40px #8b5cf633,inset 0 1px #ffffff0d;border-color:#8b5cf666}.feature-icon{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover .feature-icon{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px #7c3aed80}.gradient-text{background:linear-gradient(135deg,var(--purple-glow) 0%,var(--purple-secondary) 40%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#4c1d95,#2e1065);color:#fff;box-shadow:0 4px 24px #4c1d9566;border:1px solid rgba(167,139,250,.3);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#5b21b6,#3b0764);box-shadow:0 8px 32px #5b21b680}.btn-secondary{background:#0006;color:var(--text-primary);border:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease}.btn-secondary:hover{background:#7c3aed26;border-color:var(--purple-primary)}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:.8}}@keyframes float-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.05)}50%{transform:translate(20px,-60px) scale(1)}75%{transform:translate(-30px,-30px) scale(.95)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-40px,20px) scale(.95)}50%{transform:translate(-20px,50px) scale(1.05)}75%{transform:translate(30px,20px) scale(1)}}@keyframes float-3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,40px) scale(1.02)}50%{transform:translate(-40px,20px) scale(.98)}75%{transform:translate(-20px,-30px) scale(1.02)}}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);top:10%;left:5%;animation:float-1 25s ease-in-out infinite}.orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,transparent 70%);top:50%;right:5%;animation:float-2 30s ease-in-out infinite}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.2) 0%,transparent 70%);bottom:20%;left:30%;animation:float-3 35s ease-in-out infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-left.visible{opacity:1;transform:translate(0)}.scroll-animate-scale{opacity:0;transform:scale(.95);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}section{padding:100px 0;position:relative}@media (max-width: 768px){.container{padding:0 20px!important;max-width:100%!important}section{padding:60px 0}.btn{padding:10px 20px;font-size:.9rem}.nav-desktop{display:none!important}.nav-mobile-toggle{display:flex!important}.nav-mobile-menu{display:flex!important;width:100vw!important;max-width:100%!important}.nav-cta-desktop{display:none!important}}@media (max-width: 480px){.container{padding:0 16px!important}section{padding:48px 0}.btn{padding:10px 18px;font-size:.85rem}.glass{border-radius:16px}}