:root{--cf-bg: #02040a;--cf-bg-deep: #010205;--cf-surface: #050814;--cf-surface-strong: #0b1222;--cf-surface-elevated: #0f1729;--cf-surface-hover: #141d2e;--cf-border-subtle: rgba(255, 255, 255, .06);--cf-border-medium: rgba(255, 255, 255, .12);--cf-border-strong: rgba(255, 255, 255, .2);--cf-border-accent: rgba(16, 185, 129, .4);--cf-text-main: #f9fafb;--cf-text-secondary: rgba(249, 250, 251, .75);--cf-text-muted: rgba(249, 250, 251, .55);--cf-text-disabled: rgba(249, 250, 251, .35);--cf-accent-emerald: #10b981;--cf-accent-emerald-hover: #34d399;--cf-accent-emerald-muted: rgba(16, 185, 129, .2);--cf-accent-emerald-soft: rgba(16, 185, 129, .12);--cf-accent-emerald-glow: rgba(16, 185, 129, .5);--cf-accent-cyan: #22d3ee;--cf-accent-cyan-hover: #67e8f9;--cf-accent-cyan-muted: rgba(34, 211, 238, .2);--cf-accent-cyan-soft: rgba(34, 211, 238, .12);--cf-accent-violet: #a855f7;--cf-accent-violet-soft: rgba(168, 85, 247, .12);--cf-status-success: #10b981;--cf-status-success-soft: rgba(16, 185, 129, .12);--cf-status-warning: #f59e0b;--cf-status-warning-soft: rgba(245, 158, 11, .12);--cf-status-error: #ef4444;--cf-status-error-soft: rgba(239, 68, 68, .12);--cf-status-info: #3b82f6;--cf-status-info-soft: rgba(59, 130, 246, .12);--color-bg-base: var(--cf-bg);--color-bg-elevated: var(--cf-surface-strong);--color-bg-card: var(--cf-surface);--color-bg-overlay: rgba(2, 4, 10, .92);--bg-primary: var(--cf-bg);--bg-secondary: var(--cf-surface-strong);--bg-tertiary: var(--cf-surface);--bg-elevated: var(--cf-surface-elevated);--color-text-primary: var(--cf-text-main);--color-text-muted: var(--cf-text-muted);--color-text-tertiary: rgba(249, 250, 251, .42);--color-text-inverse: var(--cf-bg);--text-primary: var(--cf-text-main);--text-secondary: var(--cf-text-secondary);--text-tertiary: var(--cf-text-muted);--text-inverse: var(--cf-bg);--color-border-subtle: var(--cf-border-subtle);--color-border-strong: var(--cf-border-strong);--color-accent-primary: var(--cf-accent-emerald);--color-accent-primary-soft: var(--cf-accent-emerald-soft);--color-accent-secondary: var(--cf-accent-cyan);--primary-color: var(--cf-accent-emerald);--primary-hover: var(--cf-accent-emerald-hover);--secondary-color: var(--cf-accent-cyan);--accent-color: var(--cf-accent-emerald);--accent-hover: var(--cf-accent-cyan);--success-color: var(--cf-status-success);--warning-color: var(--cf-status-warning);--error-color: var(--cf-status-error);--info-color: var(--cf-status-info);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-panel: 0 25px 80px -12px rgba(0, 0, 0, .6);--shadow-card: 0 4px 24px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(16, 185, 129, .3);--shadow-glow-cyan: 0 0 40px rgba(34, 211, 238, .3);--primary-glow: rgba(16, 185, 129, .25);--accent-glow: rgba(34, 211, 238, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, Consolas, monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--transition-ease-in: cubic-bezier(.4, 0, 1, 1);--transition-ease-out: cubic-bezier(0, 0, .2, 1);--transition-ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-spring: cubic-bezier(.16, 1, .3, 1);--header-height: 4rem;--sidebar-width: 16rem;--content-max-width: 1280px;--page-max-width: 80rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--bg-primary: var(--cf-bg);--bg-secondary: var(--cf-surface-strong);--bg-tertiary: var(--cf-surface);--bg-elevated: var(--cf-surface-elevated);--text-primary: var(--cf-text-main);--text-secondary: var(--cf-text-secondary);--text-tertiary: var(--cf-text-muted);--text-inverse: var(--cf-bg)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-elevated: #E5E5E5;--text-primary: #171717;--text-secondary: #525252;--text-tertiary: #737373;--text-inverse: #FFFFFF;--glass-bg: rgba(0, 0, 0, .02);--glass-bg-hover: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .12)}.gradient-primary{background:linear-gradient(135deg,var(--cf-accent-emerald) 0%,var(--cf-accent-cyan) 100%)}.gradient-premium{background:linear-gradient(135deg,var(--cf-accent-emerald) 0%,#059669 50%,var(--cf-accent-cyan) 100%)}.gradient-subtle{background:linear-gradient(180deg,rgba(16,185,129,.08) 0%,transparent 100%)}.gradient-glow{background:radial-gradient(circle at 50% 0%,rgba(16,185,129,.15),transparent 50%)}.gradient-text{background:linear-gradient(135deg,var(--cf-accent-emerald),var(--cf-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes cf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cf-pulse-glow{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 30px #10b98166}}@keyframes cf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cf-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-shimmer{background:linear-gradient(90deg,var(--cf-surface) 25%,var(--cf-surface-strong) 50%,var(--cf-surface) 75%);background-size:200% 100%;animation:cf-shimmer 1.5s infinite}.animate-pulse-glow{animation:cf-pulse-glow 2s ease-in-out infinite}.animate-float{animation:cf-float 3s ease-in-out infinite}.animate-fade-in-up{animation:cf-fade-in-up .5s var(--transition-spring) forwards}.animate-scale-in{animation:cf-scale-in .4s var(--transition-spring) forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}@media (prefers-reduced-motion: reduce){.animate-shimmer,.animate-pulse-glow,.animate-float,.animate-fade-in-up,.animate-scale-in{animation:none!important}.stagger-children>*{animation-delay:0ms!important}}