:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-elevated: #1e1e2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--brand-purple: #8b5cf6;--brand-purple-light: #a78bfa;--brand-blue: #3b82f6;--brand-teal: #14b8a6;--brand-pink: #ec4899;--brand-gradient: linear-gradient(135deg, var(--brand-purple), var(--brand-blue), var(--brand-teal));--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .2);--glass-blur: 20px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glow-purple: 0 0 40px rgba(139, 92, 246, .3);--glow-purple-strong: 0 0 60px rgba(139, 92, 246, .5);--glow-blue: 0 0 40px rgba(59, 130, 246, .3);--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--section-padding: 120px 24px;--section-padding-mobile: 80px 16px;--container-max-width: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .8);--glass-bg-hover: rgba(255, 255, 255, .95);--glass-border: rgba(148, 163, 184, .2);--glass-border-hover: rgba(139, 92, 246, .3);--glass-shadow: 0 4px 24px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--glow-purple: 0 4px 20px rgba(139, 92, 246, .15), 0 0 0 1px rgba(139, 92, 246, .1);--glow-purple-strong: 0 8px 30px rgba(139, 92, 246, .25), 0 0 0 1px rgba(139, 92, 246, .15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-medium),color var(--transition-medium)}#root{min-height:100vh}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 15px #8b5cf600}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:var(--glow-purple-strong)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 5px var(--brand-purple))}50%{filter:drop-shadow(0 0 20px var(--brand-purple))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animated-gradient-bg{background:linear-gradient(-45deg,#0a0a0f,#1a1033,#0f2027,#0a0a0f,#1a0a2e,#0a1628);background-size:400% 400%;animation:gradientShift 15s ease infinite}.gradient-mesh{position:relative}.gradient-mesh:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(20,184,166,.1) 0%,transparent 50%),radial-gradient(ellipse at 10% 70%,rgba(236,72,153,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-medium)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow)}.glass-glow{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glow-purple);transition:all var(--transition-medium)}.glass-glow:hover{box-shadow:var(--glow-purple-strong);transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,var(--brand-purple),var(--brand-blue),var(--brand-teal));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 5s ease infinite}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal-left.visible{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal-right.visible{opacity:1;transform:translate(0)}.floating{animation:float 3s ease-in-out infinite}.floating-slow{animation:floatSlow 4s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding);position:relative}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animated-gradient-bg{animation:none;background:var(--bg-primary)}.floating,.floating-slow{animation:none}}:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}@media(max-width:768px){:root{--section-padding: 60px 16px}.section{padding:var(--section-padding-mobile)}}@supports not (backdrop-filter: blur(20px)){.glass,.glass-glow{background:#12121af2}[data-theme=light] .glass,[data-theme=light] .glass-glow{background:#fffffff2}}