:root{--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-xxl:1536px;--max-content-width:1200px;--max-content-width-wide:1600px;--max-content-width-ultra:2000px;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-background:#FFFFFF;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#34C759;--color-error:#FF3B30;--color-warning:#FF9500;--color-info:#007AFF;--alert-success-bg:rgba(52,199,89,0.1);--alert-error-bg:rgba(255,59,48,0.1);--alert-warning-bg:rgba(255,149,0,0.1);--alert-info-bg:rgba(0,122,255,0.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-2xl:64px;--spacing-3xl:96px;--spacing-4xl:128px;--spacing-5xl:160px;--spacing-6xl:200px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono","Cascadia Mono","Consolas","Menlo",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-xxxl:clamp(28px,3vw,36px);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 8px rgba(0,0,0,0.04),0 2px 4px rgba(0,0,0,0.08);--shadow-lg:0 12px 24px rgba(0,0,0,0.06),0 4px 8px rgba(0,0,0,0.08);--shadow-xl:0 24px 48px rgba(0,0,0,0.08),0 8px 16px rgba(0,0,0,0.06);--shadow-card:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.06);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.08),0 4px 8px rgba(0,0,0,0.04);--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--font-size-display:clamp(48px,5vw,64px);--font-size-display-sm:clamp(36px,4vw,48px);--font-size-display-lg:clamp(56px,6vw,72px);--gradient-hero:linear-gradient(135deg,#0a0f1e,#111827 40%,#1e293b 70%,#0f172a);--gradient-cta:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);--gradient-card:linear-gradient(180deg,var(--color-background) 0%,var(--color-background-secondary) 100%);--card-border:1px solid var(--color-border);--card-radius:var(--border-radius-lg);--card-padding:var(--spacing-xl);--section-padding-y:var(--spacing-3xl);--section-padding-x:var(--spacing-lg);--color-accent:#3b82f6;--color-accent-light:rgba(59,130,246,0.1);--color-accent-border:rgba(59,130,246,0.2);--color-hero-bg:#0f172a;--color-hero-text:#f8fafc;--color-hero-muted:#94a3b8;--color-hero-surface:rgba(30,41,59,0.8);--color-hero-surface-deep:rgba(15,23,42,0.6);--color-hero-surface-muted:rgba(15,23,42,0.5);--color-hero-border:rgba(148,163,184,0.15);--color-hero-border-hover:rgba(148,163,184,0.5);--color-hero-dot:rgba(148,163,184,0.3);--color-hero-overlay:rgba(255,255,255,0.03);--color-hero-hover-bg:rgba(255,255,255,0.05);--color-hero-disabled:rgba(148,163,184,0.4);--color-overlay:rgba(0,0,0,0.5);--color-accent-shadow:rgba(59,130,246,0.3);--color-accent-shadow-hover:rgba(59,130,246,0.4);--color-header-bg:rgba(255,255,255,0.85)}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-active:#2563eb;--color-background:#0f172a;--color-background-secondary:#111827;--color-background-tertiary:#1e293b;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-border:#1e293b;--color-border-light:#111827;--color-success:#32D74B;--color-error:#FF453A;--color-warning:#FF9F0A;--color-info:#0A84FF;--alert-success-bg:rgba(50,215,75,0.15);--alert-error-bg:rgba(255,69,58,0.15);--alert-warning-bg:rgba(255,159,10,0.15);--alert-info-bg:rgba(10,132,255,0.15);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px rgba(0,0,0,0.6);--shadow-card:0 1px 3px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.3);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2);--color-accent:#60a5fa;--color-accent-light:rgba(96,165,250,0.1);--color-accent-border:rgba(96,165,250,0.2);--color-hero-bg:#0f172a;--color-hero-text:#f8fafc;--color-hero-muted:#94a3b8;--color-hero-surface:rgba(30,41,59,0.8);--color-hero-surface-deep:rgba(15,23,42,0.6);--color-hero-surface-muted:rgba(15,23,42,0.5);--color-hero-border:rgba(148,163,184,0.15);--color-hero-border-hover:rgba(148,163,184,0.5);--color-hero-dot:rgba(148,163,184,0.3);--color-hero-overlay:rgba(255,255,255,0.03);--color-hero-hover-bg:rgba(255,255,255,0.05);--color-hero-disabled:rgba(148,163,184,0.4);--color-overlay:rgba(0,0,0,0.6);--color-accent-shadow:rgba(96,165,250,0.3);--color-accent-shadow-hover:rgba(96,165,250,0.4);--color-header-bg:rgba(0,0,0,0.75)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body,html{height:100%;overflow:hidden}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-background-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}a:focus-visible,button:focus-visible{outline-offset:3px}