:root{--color-background: 3 3 4;--color-surface: 10 10 11;--color-surface-elevated: 20 20 22;--color-text-primary: 247 248 248;--color-text-secondary: 149 162 179;--color-text-muted: 113 113 122;--color-border: 39 39 42;--color-border-subtle: 24 24 27;--color-purple-300: 192 132 252;--color-purple-400: 168 85 247;--color-purple-500: 139 92 246;--color-purple-600: 124 58 237;--color-purple-700: 109 40 217;--color-purple-800: 91 33 182;--color-accent: 168 85 247;--color-accent-hover: 139 92 246;--color-accent-active: 124 58 237;--color-accent-subtle: 168 85 247;--color-success: 34 197 94;--color-warning: 245 158 11;--color-error: 239 68 68;--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: ui-monospace, monospace;--spacing-section: 96px;--spacing-section-mobile: 64px;--container-max: 1280px;--container-padding: 24px;--container-padding-md: 48px;--shadow-glow-sm: 0 0 10px rgb(168 85 247 / .2);--shadow-glow: 0 0 20px rgb(168 85 247 / .3);--shadow-glow-lg: 0 0 40px rgb(168 85 247 / .4);--shadow-card: 0 4px 24px rgb(0 0 0 / .3);--shadow-card-hover: 0 8px 32px rgb(0 0 0 / .4);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-back: cubic-bezier(.175, .885, .32, 1.275);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 128px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--gradient-subtle: linear-gradient(135deg, rgb(168 85 247 / .1), rgb(139 92 246 / .05));--gradient-soft: linear-gradient(135deg, rgb(168 85 247 / .2), rgb(139 92 246 / .1));--gradient-medium: linear-gradient(135deg, rgb(168 85 247 / .3), rgb(139 92 246 / .15));--gradient-intense: linear-gradient(135deg, rgb(168 85 247 / .4), rgb(139 92 246 / .2));--pattern-dots: radial-gradient(circle at 1px 1px, rgb(168 85 247 / .15) 1px, transparent 0);--pattern-grid: linear-gradient(rgb(168 85 247 / .1) 1px, transparent 1px), linear-gradient(90deg, rgb(168 85 247 / .1) 1px, transparent 1px);--pattern-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");--shadow-subtle: 0 1px 2px rgb(0 0 0 / .1);--shadow-soft: 0 4px 6px rgb(0 0 0 / .15);--shadow-medium: 0 8px 16px rgb(0 0 0 / .2);--shadow-strong: 0 16px 32px rgb(0 0 0 / .3);--shadow-intense: 0 32px 64px rgb(0 0 0 / .4);--border-ultra-subtle: rgb(255 255 255 / .03);--border-very-subtle: rgb(255 255 255 / .05);--border-subtle-accent: rgb(168 85 247 / .15);--border-soft-accent: rgb(168 85 247 / .25);--glass-opacity: .03;--glass-blur: 12px;--glass-border: rgb(255 255 255 / .08);--glass-highlight: rgb(255 255 255 / .02);--glass-shadow: 0 8px 32px rgb(0 0 0 / .12)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #a855f74d}50%{box-shadow:0 0 40px #a855f780}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s var(--ease-smooth)}.animate-slide-up{animation:slide-up .6s var(--ease-smooth);animation-fill-mode:both}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgb(255 255 255 / .1),transparent);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.animate-scale-in{animation:scale-in .5s var(--ease-back);animation-fill-mode:both}.animate-slide-in-right{animation:slide-in-right .6s var(--ease-smooth);animation-fill-mode:both}.animate-slide-in-left{animation:slide-in-left .6s var(--ease-smooth);animation-fill-mode:both}.animate-fade-in-up{animation:fade-in-up .6s var(--ease-smooth);animation-fill-mode:both}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.glass-card{background:rgb(255 255 255 / var(--glass-opacity));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card-elevated{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .12);box-shadow:0 12px 40px #00000026}.glass-highlight{position:relative}.glass-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--glass-highlight);border-radius:inherit}.text-gradient{background:linear-gradient(135deg,rgb(var(--color-purple-400)),rgb(var(--color-purple-300)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#a855f780,#8b5cf633);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.animate-on-scroll{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease-smooth),transform .6s var(--ease-smooth)}.animate-on-scroll.animate-pending{opacity:0;transform:translateY(20px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.bg-background{background-color:rgb(var(--color-background))}.bg-surface{background-color:rgb(var(--color-surface))}.bg-surface-elevated{background-color:rgb(var(--color-surface-elevated))}.bg-accent{background-color:rgb(var(--color-accent))}.bg-accent\/10{background-color:rgb(var(--color-accent) / .1)}.text-text-primary{color:rgb(var(--color-text-primary))}.text-text-secondary{color:rgb(var(--color-text-secondary))}.text-text-muted{color:rgb(var(--color-text-muted))}.text-accent{color:rgb(var(--color-accent))}.border-border{border-color:rgb(var(--color-border))}.border-border-subtle{border-color:rgb(var(--color-border-subtle))}.border-accent\/20{border-color:rgb(var(--color-accent) / .2)}.bg-gradient-subtle{background:var(--gradient-subtle)}.bg-gradient-soft{background:var(--gradient-soft)}.bg-gradient-medium{background:var(--gradient-medium)}.bg-gradient-intense{background:var(--gradient-intense)}.bg-pattern-dots{background-image:var(--pattern-dots);background-size:20px 20px}.bg-pattern-grid{background-image:var(--pattern-grid);background-size:20px 20px}.bg-pattern-noise{background-image:var(--pattern-noise)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-strong{box-shadow:var(--shadow-strong)}.shadow-intense{box-shadow:var(--shadow-intense)}.transition-smooth{transition:all .3s var(--ease-smooth)}.transition-spring{transition:all .3s var(--ease-spring)}.transition-back{transition:all .3s var(--ease-back)}.transition-elastic{transition:all .3s var(--ease-elastic)}.section-transition{position:relative;overflow:hidden}.section-transition:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle-accent),transparent);z-index:1}.section-transition:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle-accent),transparent);z-index:1}.premium-card{background:var(--gradient-subtle);border:1px solid var(--border-subtle-accent);border-radius:var(--radius-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-soft);transition:all .3s var(--ease-smooth)}.premium-card:hover{background:var(--gradient-soft);border-color:var(--border-soft-accent);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.glow-subtle{box-shadow:0 0 20px #a855f71a}.glow-medium{box-shadow:0 0 30px #a855f733}.glow-intense{box-shadow:0 0 40px #a855f74d}