:root{--color-bg-void: #050508;--color-bg-base: #0a0a0f;--color-bg-elevated: #12121a;--color-bg-surface: #1a1a26;--color-glass-subtle: rgba(255, 255, 255, .02);--color-glass-light: rgba(255, 255, 255, .04);--color-glass-medium: rgba(255, 255, 255, .06);--color-glass-strong: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .1);--color-border-emphasis: rgba(255, 255, 255, .15);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-text-subtle: rgba(255, 255, 255, .35);--gradient-accent: linear-gradient(135deg, #ff6b6b 0%, #e056fd 50%, #7c5cff 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(255, 107, 107, .15) 0%, rgba(224, 86, 253, .15) 50%, rgba(124, 92, 255, .15) 100%);--color-accent-primary: #e056fd;--color-accent-warm: #ff6b6b;--color-accent-cool: #7c5cff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--font-display: "Clash Display", "Inter", system-ui, sans-serif;--font-body: "Cabinet Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.7rem, .6rem + .25vw, .75rem);--text-sm: clamp(.8rem, .7rem + .35vw, .875rem);--text-base: clamp(.9rem, .8rem + .4vw, 1rem);--text-lg: clamp(1rem, .9rem + .5vw, 1.125rem);--text-xl: clamp(1.15rem, 1rem + .6vw, 1.25rem);--text-2xl: clamp(1.4rem, 1.15rem + .8vw, 1.5rem);--text-3xl: clamp(1.75rem, 1.4rem + 1.2vw, 2rem);--text-4xl: clamp(2.2rem, 1.75rem + 1.5vw, 2.5rem);--text-5xl: clamp(2.75rem, 2rem + 2vw, 3.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-glow-sm: 0 0 20px -5px var(--color-accent-primary);--shadow-glow-md: 0 0 40px -10px var(--color-accent-primary);--shadow-glow-lg: 0 0 60px -15px var(--color-accent-primary);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh}.glass-panel{background:var(--color-glass-medium);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-default)}.glass-card{background:var(--color-glass-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-subtle)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient{background:var(--gradient-accent);color:#fff;font-weight:600;border:none;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.btn-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-md)}.btn-gradient:active:not(:disabled){transform:translateY(0)}.btn-gradient:disabled{opacity:.7;cursor:not-allowed}.input-base{width:100%;background:var(--color-glass-subtle);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-base:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #e056fd26}.input-base::placeholder{color:var(--color-text-subtle)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px -5px var(--color-accent-primary)}50%{box-shadow:0 0 30px -5px var(--color-accent-primary)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fade-in var(--transition-normal) ease-out forwards}.animate-slide-up{animation:slide-up var(--transition-slow) ease-out forwards}.animate-slide-down{animation:slide-down var(--transition-slow) ease-out forwards}.animate-scale-in{animation:scale-in var(--transition-spring) forwards}.animate-shimmer{background:linear-gradient(90deg,var(--color-glass-subtle) 0%,var(--color-glass-medium) 50%,var(--color-glass-subtle) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-elevated)}::-webkit-scrollbar-thumb{background:var(--color-glass-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-emphasis)}::selection{background:#e056fd4d;color:var(--color-text-primary)}