:root{--brand-blue-50: #eff6ff;--brand-blue-100: #dbeafe;--brand-blue-200: #bfdbfe;--brand-blue-300: #93c5fd;--brand-blue-400: #60a5fa;--brand-blue-500: #3b82f6;--brand-blue-600: #2563eb;--brand-blue-700: #1d4ed8;--brand-blue-800: #1e40af;--brand-blue-900: #1e3a8a;--brand-cyan-300: #7dd3fc;--brand-cyan-400: #38bdf8;--brand-cyan-500: #0ea5e9;--brand-cyan-600: #0284c7;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e7eb;--neutral-300: #e0e0e0;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-1000: #000000;--paper-95: rgba(255, 255, 255, .95);--paper-80: rgba(255, 255, 255, .8);--paper-30: rgba(255, 255, 255, .3);--paper-20: rgba(255, 255, 255, .2);--paper-10: rgba(255, 255, 255, .1);--blue-tint-30: rgba(59, 130, 246, .3);--blue-tint-20: rgba(59, 130, 246, .2);--blue-tint-10: rgba(59, 130, 246, .1);--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #1e40af;--secondary: #0ea5e9;--secondary-light: #38bdf8;--secondary-dark: #0284c7;--bg: #fafafa;--surface: rgba(255, 255, 255, .95);--text: #000000;--text-secondary: #6b7280;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #0ea5e9;--status-success: #2e7d32;--status-warning: #ed6c02;--status-error: #d32f2f;--status-info: #0ea5e9;--border: #e0e0e0;--border-default: #e0e0e0;--border-divider: #e5e7eb;--border-brand: rgba(59, 130, 246, .2);--border-brand-strong: #3b82f6;--card-border: 2px solid rgba(59, 130, 246, .2);--bg-app: #fafafa;--bg-surface: rgba(255, 255, 255, .95);--bg-surface-solid: #ffffff;--fg-primary: #000000;--fg-secondary: #6b7280;--fg-on-brand: #ffffff;--accent: #3b82f6;--accent-strong: #1e40af;--accent-soft: #dbeafe;--accent-secondary: #0ea5e9;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--gradient-sky: linear-gradient(135deg, #60a5fa 0%, #0ea5e9 100%);--gradient-secondary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--gradient-light: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--gradient-dark: linear-gradient(135deg, #000000 0%, #1f2937 100%);--gradient-sheen: linear-gradient( 45deg, rgba(255, 255, 255, .1) 0%, transparent 100% );--tinted-glass: rgba(59, 130, 246, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--radius-card: 16px;--radius-button: 12px;--radius-chip: 8px;--radius-icon: 12px;--shadow-card: 0 10px 25px rgba(59, 130, 246, .1);--shadow-card-hover: 0 20px 40px rgba(59, 130, 246, .2);--shadow-button: 0 4px 12px rgba(59, 130, 246, .3);--shadow-button-hover: 0 6px 16px rgba(59, 130, 246, .4);--shadow-fab: 0 4px 14px rgba(59, 130, 246, .4);--shadow-fab-hover: 0 6px 20px rgba(59, 130, 246, .5);--shadow-drawer: -4px 0 20px rgba(0, 0, 0, .1);--shadow-overlay: -4px 0 20px rgba(0, 0, 0, .1);--shadow-text: 0 2px 4px rgba(0, 0, 0, .3);--ease: cubic-bezier(.4, 0, .2, 1);--easing-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .6s;--duration-hover: .25s;--duration-lift: .3s;--duration-reveal: .8s;--duration-page: .3s;--hover-lift: translateY(-4px);--hover-scale: scale(1.02);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--font-sans: "Inter", "Helvetica", "Arial", sans-serif;--font-display: "Inter", "Helvetica", "Arial", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--size-h3: 2.5rem;--size-h3-sm: 2rem;--size-h4: 2rem;--size-h4-sm: 1.5rem;--size-h5: 1.5rem;--size-h6: 1.25rem;--size-body: 1.1rem;--size-body-sm: 1rem;--size-caption: .875rem;--size-overline: .75rem;--lh-tight: 1.2;--lh-snug: 1.3;--lh-base: 1.4;--lh-relaxed: 1.6;--lh-loose: 1.7;--h3-size: 2.5rem;--h3-weight: 700;--h3-line: 1.2;--h4-size: 2rem;--h4-weight: 600;--h4-line: 1.3;--h5-size: 1.5rem;--h5-weight: 600;--h5-line: 1.4;--h6-size: 1.25rem;--h6-weight: 600;--h6-line: 1.4;--body-size: 1.1rem;--body-weight: 400;--body-line: 1.7;--caption-size: .875rem;--caption-weight: 400;--caption-line: 1.5;--container-max: 1200px;--bp-sm: 600px;--bp-md: 900px;--bp-lg: 1200px;--bp-xl: 1536px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--body-size);line-height:var(--body-line);font-weight:var(--body-weight);-webkit-font-smoothing:antialiased}h1{font-family:var(--font-sans);font-weight:700}h3{font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-line)}h4{font-size:var(--h4-size);font-weight:var(--h4-weight);line-height:var(--h4-line)}h5{font-size:var(--h5-size);font-weight:var(--h5-weight);line-height:var(--h5-line)}h6{font-size:var(--h6-size);font-weight:var(--h6-weight);line-height:var(--h6-line)}@media(max-width:600px){h3{font-size:2rem}h4{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}