:root{--color-background: 10 10 14;--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: 147 51 234;--color-accent-active: 94 34 176;--color-accent-subtle: 168 85 247;--color-success: 34 197 94;--color-warning: 245 158 11;--color-error: 239 68 68;--font-display: "Lora Variable", "Lora", Georgia, "Times New Roman", 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);--color-purple-50: 250 245 255;--color-purple-100: 243 232 255;--color-purple-900: 88 28 135;--color-purple-dark: 74 27 144;--color-info: 59 130 246;--color-text-body: 255 255 255;--color-text-subtle: 255 255 255;--color-border-default: 34 34 34;--color-border-strong: 102 102 102;--color-border-glass: 255 255 255;--color-bg-glass: 255 255 255;--color-bg-tertiary: 17 17 19;--color-accent-blue: 59 130 246;--color-accent-pink: 236 72 153;--color-teal-default: 20 184 166;--color-teal-hover: 45 212 191;--color-teal-dim: 13 61 61;--shadow-glow-xl: 0 0 60px rgb(168 85 247 / .4);--shadow-glow-2xl: 0 0 80px rgb(168 85 247 / .5);--ypai-bg-elevated: #0f0f14;--ypai-bg-overlay: rgba(0, 0, 0, .8);--ypai-bg-secondary: #0a0a0b;--ypai-bg-surface: var(--ypai-bg-secondary);--ypai-bg-tertiary: #111113;--ypai-bg-void: #0a0a0e;--ypai-black: #030304;--ypai-border-0: 0;--ypai-border-1: 1px;--ypai-border-2: 2px;--ypai-border-4: 4px;--ypai-border-8: 8px;--ypai-border-default: #222222;--ypai-border-focus: var(--ypai-purple-glow);--ypai-border-strong: #666666;--ypai-border-subtle: #2a2a2a;--ypai-brand-accent: #14b8a6;--ypai-button-padding-x: 1.5rem;--ypai-button-padding-y: .875rem;--ypai-card-padding: clamp(1.5rem, 3vw, 2.5rem);--ypai-container-2xl: 1536px;--ypai-container-full: 100%;--ypai-container-lg: 1280px;--ypai-container-md: 1024px;--ypai-container-padding: 0 clamp(1rem, 5vw, 2rem);--ypai-container-sm: 768px;--ypai-container-xl: 1400px;--ypai-container-xs: 640px;--ypai-duration-instant: 0ms;--ypai-duration-slower: .7s;--ypai-duration-slowest: 1s;--ypai-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ypai-ease-in: cubic-bezier(.4, 0, 1, 1);--ypai-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ypai-ease-linear: linear;--ypai-ease-out: cubic-bezier(0, 0, .2, 1);--ypai-ease-smooth: cubic-bezier(.23, 1, .32, 1);--ypai-font-black: 900;--ypai-font-bold: 700;--ypai-font-extrabold: 800;--ypai-font-light: 300;--ypai-font-medium: 500;--ypai-font-mono: "Fira Code", "JetBrains Mono", monospace;--ypai-font-normal: 400;--ypai-font-semibold: 600;--ypai-font-thin: 100;--ypai-glass-bg: linear-gradient(135deg, rgba(30, 30, 35, .4) 0%, rgba(25, 25, 30, .3) 100%);--ypai-glass-blur: blur(40px) saturate(1.1);--ypai-glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--ypai-gradient-accent: linear-gradient(135deg, #4a1b90 0%, #3d1675 100%);--ypai-gradient-primary: linear-gradient(135deg, #9333ea 0%, #5e22b0 100%);--ypai-gradient-radial: radial-gradient( circle at 30% 30%, rgba(107, 40, 208, .15) 0%, transparent 70% );--ypai-gradient-secondary: linear-gradient(135deg, #5e22b0 0%, #4a1b90 100%);--ypai-grid-cols: 12;--ypai-grid-gap: var(--ypai-space-6);--ypai-grid-gap-lg: var(--ypai-space-8);--ypai-grid-gap-sm: var(--ypai-space-4);--ypai-indigo-500: #5e22b0;--ypai-indigo-600: #4a1b90;--ypai-indigo-700: #3d1675;--ypai-leading-loose: 2;--ypai-leading-none: 1;--ypai-leading-normal: 1.5;--ypai-leading-relaxed: 1.625;--ypai-leading-snug: 1.375;--ypai-leading-tight: 1.25;--ypai-purple-100: #e8dcff;--ypai-purple-200: #d4c2ff;--ypai-purple-300: #b99eff;--ypai-purple-400: #9b7aee;--ypai-purple-50: #f5f0ff;--ypai-purple-500: #9333ea;--ypai-purple-600: #5e22b0;--ypai-purple-700: #4a1b90;--ypai-purple-800: #3d1675;--ypai-purple-900: #30115a;--ypai-purple-950: #1f0a3d;--ypai-radius-2xl: 1.5rem;--ypai-radius-3xl: 2rem;--ypai-radius-none: 0;--ypai-screen-2xl: 1536px;--ypai-screen-lg: 1024px;--ypai-screen-md: 768px;--ypai-screen-sm: 640px;--ypai-screen-xl: 1280px;--ypai-screen-xs: 480px;--ypai-section-padding: clamp(5rem, 10vw, 8rem) 0;--ypai-shadow-2xl: 0 24px 48px rgba(0, 0, 0, .3);--ypai-shadow-card: var(--ypai-shadow-lg);--ypai-shadow-glow-intense: 0 0 60px rgba(107, 40, 208, .5);--ypai-shadow-xl: 0 16px 32px rgba(0, 0, 0, .25);--ypai-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--ypai-space-0: 0;--ypai-space-0-5: .125rem;--ypai-space-1-5: .375rem;--ypai-space-12: 3rem;--ypai-space-14: 3.5rem;--ypai-space-16: 4rem;--ypai-space-2-5: .625rem;--ypai-space-20: 5rem;--ypai-space-24: 6rem;--ypai-space-28: 7rem;--ypai-space-3-5: .875rem;--ypai-space-32: 8rem;--ypai-space-36: 9rem;--ypai-space-40: 10rem;--ypai-space-card: var(--ypai-card-padding);--ypai-space-container: var(--ypai-container-xl);--ypai-space-px: 1px;--ypai-space-section: var(--ypai-section-padding);--ypai-status-error: #ef4444;--ypai-status-info: #3b82f6;--ypai-status-success: #22c55e;--ypai-status-warning: #f59e0b;--ypai-text-3xl: 1.875rem;--ypai-text-4xl: 2.25rem;--ypai-text-5xl: 3rem;--ypai-text-6xl: 3.75rem;--ypai-text-7xl: 4.5rem;--ypai-text-8xl: 6rem;--ypai-text-base: 1rem;--ypai-text-body-lg: clamp(1.125rem, 1.5vw, 1.25rem);--ypai-text-body-sm: clamp(.875rem, .5vw, 1rem);--ypai-text-disabled: rgba(255, 255, 255, .4);--ypai-text-h1: clamp(2rem, 4vw + 1rem, 4rem);--ypai-text-h2: clamp(1.75rem, 3vw + 1rem, 3rem);--ypai-text-h3: clamp(1.5rem, 2.5vw + .5rem, 2.25rem);--ypai-text-h4: clamp(1.25rem, 2vw + .5rem, 1.75rem);--ypai-text-h5: clamp(1.125rem, 1.5vw + .5rem, 1.5rem);--ypai-text-h6: clamp(1rem, 1vw + .5rem, 1.25rem);--ypai-text-hero: clamp(2.5rem, 5vw + 1rem, 5rem);--ypai-text-sm: .875rem;--ypai-text-subtle: var(--ypai-text-disabled);--ypai-text-xs: .75rem;--ypai-tracking-normal: 0;--ypai-tracking-tight: -.025em;--ypai-tracking-tighter: -.05em;--ypai-tracking-wide: .025em;--ypai-tracking-wider: .05em;--ypai-tracking-widest: .1em;--ypai-transition: var(--ypai-transition-all);--ypai-transition-all: all var(--ypai-duration-normal) var(--ypai-ease-smooth);--ypai-transition-colors: colors var(--ypai-duration-fast) var(--ypai-ease-in-out);--ypai-transition-shadow: box-shadow var(--ypai-duration-normal) var(--ypai-ease-in-out);--ypai-transition-transform: transform var(--ypai-duration-normal) var(--ypai-ease-smooth);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 500;--z-modal: 1000;--z-toast: 10000;--z-tooltip: 99999;--ypai-z-negative: -1;--ypai-z-0: var(--z-base);--ypai-z-10: var(--z-raised);--ypai-z-20: var(--z-raised);--ypai-z-popover: var(--z-dropdown);--ypai-z-sticky: var(--z-sticky);--ypai-z-fixed: var(--z-sticky);--ypai-z-tooltip: var(--z-tooltip);--ypai-z-notification: var(--z-toast);--ypai-z-modal: var(--z-modal);--ypai-z-max: var(--z-tooltip);--ypai-bg-light: #f8fafc;--ypai-border-light: #e5e7eb;--ypai-border-on-dark: rgba(255, 255, 255, .1);--ypai-border-on-dark-strong: rgba(255, 255, 255, .2);--ypai-container-padding-x: 40px;--ypai-container-padding-x-mobile: 24px;--ypai-easing-out: ease-out;--ypai-easing-smooth: cubic-bezier(.23, 1, .32, 1);--ypai-easing-standard: cubic-bezier(.4, 0, .2, 1);--ypai-focus-ring: 0 0 0 2px var(--ypai-accent);--ypai-focus-ring-offset: 0 0 0 4px var(--ypai-white), 0 0 0 6px var(--ypai-accent);--ypai-footer-bg: var(--ypai-primary);--ypai-footer-link-hover: var(--ypai-accent);--ypai-footer-text: var(--ypai-text-on-dark-secondary);--ypai-header-bg: var(--ypai-primary);--ypai-header-height: 81px;--ypai-header-stuck-shadow: 0 2px 8px rgba(0, 0, 0, .1);--ypai-header-text: var(--ypai-text-on-dark);--ypai-input-bg: var(--ypai-white);--ypai-input-border: var(--ypai-border-light);--ypai-input-border-focus: var(--ypai-primary);--ypai-input-error: #ef4444;--ypai-input-error-bg: #fef2f2;--ypai-mobile-menu-bg: var(--ypai-primary);--ypai-mobile-menu-overlay: rgba(0, 0, 0, .5);--ypai-nav-dropdown-bg: var(--ypai-white);--ypai-nav-dropdown-shadow: var(--shadow-md);--ypai-nav-link-size: 1rem;--ypai-nav-link-spacing: 22px;--ypai-primary-hover: #9333ea;--ypai-purple-05: rgba(107, 40, 208, .05);--ypai-purple-06: rgba(107, 40, 208, .06);--ypai-purple-10: rgba(107, 40, 208, .1);--ypai-purple-20: rgba(107, 40, 208, .2);--ypai-purple-glow-rgb: 168 85 247;--ypai-text-100: rgba(255, 255, 255, 1);--ypai-text-50: rgba(255, 255, 255, .5);--ypai-text-60: rgba(255, 255, 255, .6);--ypai-text-70: rgba(255, 255, 255, .7);--ypai-text-75: rgba(255, 255, 255, .75);--ypai-text-80: rgba(255, 255, 255, .8);--ypai-text-body-large: 1.125rem;--ypai-text-light: #64748b;--ypai-text-small: .875rem;--ypai-weight-bold: 700;--ypai-weight-light: 300;--ypai-weight-medium: 500;--ypai-weight-regular: 400;--ypai-weight-semibold: 600;--ypai-white: #ffffff;--ypai-z-header: var(--z-sticky);--ypai-accent: var(--ypai-purple-primary);--ypai-accent-gold: var(--ypai-purple-secondary);--ypai-bg-dark: var(--ypai-bg-void);--ypai-bg-primary: var(--ypai-bg-void);--ypai-duration-fast: .15s;--ypai-duration-normal: .3s;--ypai-duration-slow: .5s;--ypai-font-body: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ypai-font-heading: "Lora", "Crimson Text", Georgia, serif;--ypai-glass-border: rgba(255, 255, 255, .14);--ypai-primary: var(--ypai-purple-primary);--ypai-purple-accent: var(--ypai-purple-secondary);--ypai-purple-dark: #4A1B90;--ypai-purple-glow: #a855f7;--ypai-purple-primary: #9333EA;--ypai-purple-secondary: #5E22B0;--ypai-radius-full: 9999px;--ypai-radius-lg: .75rem;--ypai-radius-md: .5rem;--ypai-radius-sm: .25rem;--ypai-radius-xl: 1rem;--ypai-secondary: rgba(168, 85, 247, .2);--ypai-shadow-glow: 0 0 40px rgb(168 85 247 / .4);--ypai-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--ypai-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--ypai-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--ypai-space-1: .25rem;--ypai-space-10: 2.5rem;--ypai-space-2: .5rem;--ypai-space-3: .75rem;--ypai-space-4: 1rem;--ypai-space-5: 1.25rem;--ypai-space-6: 1.5rem;--ypai-space-7: 1.75rem;--ypai-space-8: 2rem;--ypai-space-9: 2.25rem;--ypai-text-2xl: 1.5rem;--ypai-text-body: rgba(255, 255, 255, .75);--ypai-text-lg: 1.125rem;--ypai-text-muted: rgba(255, 255, 255, .65);--ypai-text-on-dark: #FFFFFF;--ypai-text-on-dark-muted: rgba(255, 255, 255, .65);--ypai-text-on-dark-secondary: rgba(255, 255, 255, .65);--ypai-text-primary: #ffffff;--ypai-text-secondary: rgba(255, 255, 255, .65);--ypai-text-xl: 1.25rem;--ypai-z-dropdown: var(--z-dropdown);--ypai-z-overlay: var(--z-modal);--ypai-text-display-2xl: clamp(2.986rem, 2.0931rem + 4.4646vw, 7.4506rem);--ypai-text-display-2xl-fixed: 7.4506rem;--ypai-text-display-xl: clamp(2.4883rem, 1.7939rem + 3.4721vw, 5.9605rem);--ypai-text-display-xl-fixed: 5.9605rem;--ypai-text-h1: clamp(2.0736rem, 1.5346rem + 2.6948vw, 4.7684rem);--ypai-text-h1-fixed: 4.7684rem;--ypai-text-h2: clamp(1.728rem, 1.3107rem + 2.0867vw, 3.8147rem);--ypai-text-h2-fixed: 3.8147rem;--ypai-text-h3: clamp(1.44rem, 1.1176rem + 1.6118vw, 3.0518rem);--ypai-text-h3-fixed: 3.0518rem;--ypai-text-h4: clamp(1.2rem, .9517rem + 1.2414vw, 2.4414rem);--ypai-text-h4-fixed: 2.4414rem;--ypai-text-h5: clamp(1.2rem, 1.0494rem + .7531vw, 1.9531rem);--ypai-text-h5-fixed: 1.9531rem;--ypai-text-body-lg: clamp(1rem, .8875rem + .5625vw, 1.5625rem);--ypai-text-body-lg-fixed: 1.5625rem;--ypai-text-body-size: clamp(1rem, .95rem + .25vw, 1.25rem);--ypai-text-body-size-fixed: 1.25rem;--ypai-text-caption: clamp(.8333rem, .8rem + .1667vw, 1rem);--ypai-text-caption-fixed: 1rem;--ypai-space-3xs: clamp(.25rem, .2rem + .25vw, .5rem);--ypai-space-3xs-fixed: .5rem;--ypai-space-2xs: clamp(.5rem, .45rem + .25vw, .75rem);--ypai-space-2xs-fixed: .75rem;--ypai-space-xs: clamp(.75rem, .7rem + .25vw, 1rem);--ypai-space-xs-fixed: 1rem;--ypai-space-s: clamp(1rem, .9rem + .5vw, 1.5rem);--ypai-space-s-fixed: 1.5rem;--ypai-space-m: clamp(1.5rem, 1.4rem + .5vw, 2rem);--ypai-space-m-fixed: 2rem;--ypai-space-l: clamp(2rem, 1.8rem + 1vw, 3rem);--ypai-space-l-fixed: 3rem;--ypai-space-xl: clamp(3rem, 2.8rem + 1vw, 4rem);--ypai-space-xl-fixed: 4rem;--ypai-space-2xl: clamp(4rem, 3.6rem + 2vw, 6rem);--ypai-space-2xl-fixed: 6rem;--ypai-space-3xl: clamp(6rem, 5.6rem + 2vw, 8rem);--ypai-space-3xl-fixed: 8rem;--ypai-container-padding-x-fluid: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);--ypai-container-padding-x-fluid-fixed: 2.5rem;@property --ypai-z-max{syntax: "*"; inherits: false; initial-value: 0;}@property --ypai-z-notification{syntax: "*"; inherits: false; initial-value: 0;}@property --ypai-z-popover{syntax: "*"; inherits: false; initial-value: 0;}--ypai-density: 1;--ypai-d-space-3xs: calc(var(--ypai-space-3xs) * var(--ypai-density));--ypai-d-space-2xs: calc(var(--ypai-space-2xs) * var(--ypai-density));--ypai-d-space-xs: calc(var(--ypai-space-xs) * var(--ypai-density));--ypai-d-space-s: calc(var(--ypai-space-s) * var(--ypai-density));--ypai-d-space-m: calc(var(--ypai-space-m) * var(--ypai-density));--ypai-d-space-l: calc(var(--ypai-space-l) * var(--ypai-density));--ypai-d-space-xl: calc(var(--ypai-space-xl) * var(--ypai-density));--ypai-d-space-1: calc(.25rem * var(--ypai-density));--ypai-d-space-2: calc(.5rem * var(--ypai-density));--ypai-d-space-3: calc(.75rem * var(--ypai-density));--ypai-d-space-4: calc(1rem * var(--ypai-density));--ypai-d-space-5: calc(1.25rem * var(--ypai-density));--ypai-d-space-6: calc(1.5rem * var(--ypai-density));--ypai-d-space-7: calc(1.75rem * var(--ypai-density));--ypai-d-space-8: calc(2rem * var(--ypai-density));--ypai-d-pad-y-xs: calc(.125rem * var(--ypai-density));--ypai-d-pad-y-sm: calc(.25rem * var(--ypai-density));--ypai-d-pad-y-md: calc(.5rem * var(--ypai-density));--ypai-d-pad-y-lg: calc(.75rem * var(--ypai-density));--ypai-d-pad-x-xs: calc(.375rem * var(--ypai-density));--ypai-d-pad-x-sm: calc(.625rem * var(--ypai-density));--ypai-d-pad-x-md: calc(.875rem * var(--ypai-density));--ypai-d-pad-x-lg: calc(1.25rem * var(--ypai-density))}:root[data-density=compact],[data-density=compact]{--ypai-density: .75}:root[data-density=comfortable],[data-density=comfortable]{--ypai-density: 1}:root[data-density=spacious],[data-density=spacious]{--ypai-density: 1.25}@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}