:root{--primary:#0d6efd;--primary-light:#87ceeb;--primary-dark:#1e3a8a;--sky-light:#e0f2fe;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--font-sans:'Nunito',-apple-system,'Helvetica Neue',Arial,sans-serif;--font-mono:'JetBrains Mono','SF Mono',Menlo,monospace;--text-xs:clamp(0.75rem, 1.5vw, 0.875rem);--text-sm:clamp(0.875rem, 2vw, 1rem);--text-base:clamp(1rem, 2.5vw, 1.125rem);--text-lg:clamp(1.125rem, 3vw, 1.25rem);--text-xl:clamp(1.25rem, 3.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 4vw, 1.875rem);--text-3xl:clamp(1.875rem, 5vw, 2.25rem);--space-1:clamp(0.25rem, 1vw, 0.375rem);--space-2:clamp(0.5rem, 1.5vw, 0.75rem);--space-3:clamp(0.75rem, 2vw, 1rem);--space-4:clamp(1rem, 2.5vw, 1.5rem);--space-5:clamp(1.5rem, 3vw, 2rem);--space-6:clamp(2rem, 4vw, 2.5rem);--space-8:clamp(2.5rem, 5vw, 3rem);--radius-sm:0.5rem;--radius:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--shadow-card:0 8px 25px rgba(13, 110, 253, 0.15);--shadow-elevated:0 12px 35px rgba(13, 110, 253, 0.25);--transition:0.3s ease;--transition-fast:0.15s ease;--z-nav:1000;--z-modal:1050;--background:#ffffff;--surface:#f8fafc;--surface-alt:#f1f5f9;--text:#1e293b;--text-muted:#64748b;--text-very-muted:#62a4ff;--border:#e2e8f0;--nav-bg:linear-gradient(to top, rgb(142, 214, 241), rgb(182, 226, 245));--card-bg:rgba(255, 255, 255, 0.9);--gradient-bg:linear-gradient(135deg, 
    hsl(210, 100%, 97%) 0%, 
    hsl(200, 100%, 95%) 20%,
    hsl(190, 100%, 97%) 40%,
    hsl(210, 100%, 95%) 60%,
    hsl(220, 100%, 97%) 80%,
    hsl(230, 100%, 95%) 100%)}[data-theme=dark]{--primary-light:#1e40af;--primary-dark:#0f172a;--background:#0f172a;--surface:#1e293b;--surface-alt:#334155;--text:#f8fafc;--text-muted:#cbd5e1;--text-very-muted:#001836;--border:#334155;--nav-bg:linear-gradient(to top, rgb(30, 41, 59), rgb(51, 65, 85));--card-bg:rgba(30, 41, 59, 0.9);--gradient-bg:linear-gradient(135deg,
    hsl(220, 80%, 8%) 0%,
    hsl(210, 85%, 12%) 20%,
    hsl(200, 80%, 8%) 40%,
    hsl(210, 85%, 12%) 60%,
    hsl(220, 80%, 8%) 80%,
    hsl(230, 85%, 12%) 100%)}