@import url("https://fonts.googleapis.com/css2?family=Charlie+Display:wght@400;500;600;700&display=swap");:root{color-scheme:light;--space-1:0.125rem;--space-2:0.25rem;--space-3:0.375rem;--space-4:0.5rem;--space-6:0.75rem;--space-8:1rem;--space-12:1.5rem;--space-16:2rem;--space-20:2.5rem;--space-24:3rem;--space-32:4rem;--space-40:5rem;--space-48:6rem;--space-64:8rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--color-gray-0:#ffffff;--color-gray-1:#fafbfc;--color-gray-2:#f4f5f7;--color-gray-3:#ebecf0;--color-gray-4:#dfe1e6;--color-gray-5:#c1c7d0;--color-gray-6:#97a0af;--color-gray-7:#6b778c;--color-gray-8:#42526e;--color-gray-9:#172b4d;--color-electric-0:#f7f9fc;--color-electric-1:#deebff;--color-electric-2:#b3d4ff;--color-electric-3:#4c9aff;--color-electric-4:#1868db;--color-electric-5:#003d99;--color-electric-6:#002966;--color-electric-7:#001d4d;--color-electric-8:#001233;--color-electric-9:#000a1a;--color-navy-0:#ffffff;--color-navy-1:#fafbfc;--color-navy-2:#f4f5f7;--color-navy-3:#ebecf0;--color-navy-4:#dfe1e6;--color-navy-5:#c1c7d0;--color-navy-6:#97a0af;--color-navy-7:#6b778c;--color-navy-8:#42526e;--color-navy-9:#172b4d;--color-blue-electric-0:#f0f9ff;--color-blue-electric-1:#e0f2fe;--color-blue-electric-2:#bae6fd;--color-blue-electric-3:#7dd3fc;--color-blue-electric-4:#38bdf8;--color-blue-electric-5:#0ea5e9;--color-blue-electric-6:#0284c7;--color-blue-electric-7:#0369a1;--color-blue-electric-8:#075985;--color-blue-electric-9:#0c4a6e;--color-accent-warm:#f59e0b;--color-accent-green:#10b981;--color-accent-red:#ef4444;--color-accent-purple:#8b5cf6;--color-bg-canvas:#ffffff;--color-bg-surface:#fafbfc;--color-bg-surface-soft:#f4f5f7;--color-bg-elevated:#ebecf0;--color-bg-warm:#f7f9fc;--color-fg-default:#172b4d;--color-fg-muted:#42526e;--color-fg-subtle:#6b778c;--color-fg-warm:#1868db;--color-accent-primary:#1868db;--color-accent-secondary:#4c9aff;--color-accent-tertiary:#003d99;--color-accent-warm:#ff5630;--color-accent-electric:#1868db;--color-border-default:#dfe1e6;--color-border-subtle:#f4f5f7;--color-border-warm:#b3d4ff;--gradient-hero:#f4f5f7;--gradient-accent:#1868db;--gradient-warm:#ff5630;--gradient-card:#ffffff;--gradient-button:#1868db;--gradient-button-hover:#003d99;--gradient-surface:#ffffff;--gradient-section:#f4f5f7;--gradient-callout:#ffffff;--gradient-diagram-before:#fef2f2;--gradient-diagram-after:#f0fdf4;--gradient-electric:#1868db;--gradient-rainbow:#1868db;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--glow-outer:0 8px 24px rgba(24,104,219,0.1);--glow-blue:0 0 20px rgba(24,104,219,0.2);--glow-warm:0 0 20px rgba(255,86,48,0.15);--glow-subtle:0 4px 12px rgba(24,104,219,0.08);--glow-card:0 2px 8px rgba(24,104,219,0.04);--glow-chip:0 1px 4px rgba(24,104,219,0.03);--glow-callout:0 8px 32px rgba(24,104,219,0.05);--glow-electric:0 0 24px rgba(24,104,219,0.2);--glow-rainbow:0 0 30px rgba(24,104,219,0.15),0 0 20px rgba(76,154,255,0.1);--glow-diagram-red:0 4px 12px rgba(239,68,68,0.1);--glow-diagram-green:0 4px 12px rgba(16,185,129,0.1);--color-editor-red:#ff5f56;--color-editor-yellow:#ffbd2e;--color-editor-green:#27ca3f;--bg-overlay-scrolled:rgba(255,255,255,0.95);--bg-overlay-pulse:rgba(24,104,219,0.1);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px}.card{background:var(--gradient-card);border:1px solid var(--color-border-default);box-shadow:var(--glow-subtle),var(--glow-card);border-radius:var(--radius-xl);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--glow-rainbow);border-color:var(--color-accent-primary);scale:1.02}.button-primary{background:var(--gradient-button);color:white;border:none;border-radius:var(--radius-lg);padding:var(--space-6) var(--space-12);font-weight:600;font-size:var(--text-sm);box-shadow:var(--glow-blue);animation:pulse-vibrant 2s infinite;transition:all .2s ease}.button-primary:hover{background:var(--gradient-button-hover);transform:translateY(-2px);filter:brightness(1.1);box-shadow:var(--glow-rainbow);scale:1.02}.button-secondary{background:var(--gradient-card);color:var(--color-fg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-12);font-size:var(--text-sm);transition:all .2s ease}.button-secondary:hover{border-color:var(--color-accent-primary);color:var(--color-fg-default);transform:translateY(-1px);scale:1.02}.button-secondary:hover,.section-container{background:var(--gradient-section);box-shadow:var(--glow-subtle)}.section-container{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:clamp(var(--space-12),3vw,var(--space-20))}.typography-heading{font-family:Charlie Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;color:var(--color-fg-default);letter-spacing:-.01em}.typography-body{color:var(--color-fg-muted);line-height:var(--leading-relaxed)}@keyframes pulse-vibrant{0%,to{box-shadow:var(--glow-blue)}50%{box-shadow:var(--glow-blue),0 0 0 8px rgba(14,165,233,.15)}}.gradient-text{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.electric-glow{box-shadow:var(--glow-electric)}.rainbow-glow{box-shadow:var(--glow-rainbow)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg-canvas);color:var(--color-fg-default);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}h1{font-size:var(--text-6xl);line-height:var(--leading-tight);letter-spacing:-.02em}h1,h2{font-family:Charlie Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;color:var(--color-fg-default)}h2{font-size:var(--text-5xl);line-height:var(--leading-snug);letter-spacing:-.01em}h3{font-weight:600;font-size:var(--text-3xl)}h3,h4{font-family:Charlie Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;line-height:var(--leading-snug);color:var(--color-fg-default)}h4{font-weight:500;font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h5,h6{font-family:Charlie Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;line-height:var(--leading-snug);color:var(--color-fg-default)}.text-large,h6{font-size:var(--text-lg)}.text-large{line-height:var(--leading-relaxed)}.text-base,.text-large{color:var(--color-fg-muted)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-small{font-size:var(--text-sm)}.text-caption,.text-small{line-height:var(--leading-normal);color:var(--color-fg-subtle)}.text-caption{font-size:var(--text-xs)}a{color:inherit}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}