*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}:root{--foo-blue:#2779a7;--foo-green:#49c5b6;--foo-orange:#df6c4f;--foo-black:#000000;--brand-gradient:linear-gradient(
    135deg,
    var(--foo-blue) 0%,
    var(--foo-green) 55%,
    var(--foo-orange) 100%
  );--bg-deep:#050708;--accent-primary:var(--foo-blue);--accent-mid-purple:var(--foo-green);--accent-light-purple:var(--foo-orange);--accent-secondary:var(--foo-green);--glass-surface:rgba(255, 255, 255, 0.05);--glass-border:rgba(255, 255, 255, 0.1);--glass-block:rgb(255, 255, 255);--bg-primary:var(--bg-deep);--bg-secondary:var(--glass-surface);--bg-tertiary:rgba(255, 255, 255, 0.08);--text-primary:#f5f7f8;--text-secondary:#c9d2d6;--text-muted:#93a1a6;--accent-hover:var(--foo-orange);--border-color:var(--glass-border);--accent-primary-rgba-03:rgba(39, 121, 167, 0.3);--accent-primary-rgba-05:rgba(39, 121, 167, 0.5);--accent-light-purple-rgba-01:rgba(223, 108, 79, 0.1);--accent-light-purple-rgba-03:rgba(223, 108, 79, 0.3);--accent-mid-purple-rgba-05:rgba(73, 197, 182, 0.05);--accent-mid-purple-rgba-01:rgba(73, 197, 182, 0.1);--accent-mid-purple-rgba-02:rgba(73, 197, 182, 0.2);--tag-bg:rgba(0, 0, 0, 0.4);--tag-color:var(--foo-green);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5);--yellow-accent:#ffdd00;--yellow-hover:#ffc700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-heading:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;--font-logo:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:var(--font-body);--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out;--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:1.5rem}[data-theme=light]{--bg-primary:#ffffff;--glass-surface:rgba(255, 255, 255, 0.2);--glass-border:rgba(39, 121, 167, 0.35);--glass-block:rgba(255, 255, 255, 0.8);--bg-secondary:var(--glass-surface);--bg-tertiary:rgba(255, 255, 255, 0.25);--text-primary:#0c1a20;--text-secondary:#3c4b51;--text-muted:#647178;--accent-primary:#1d5c80;--accent-mid-purple:#2e9c8f;--accent-light-purple:#c14e32;--accent-secondary:#1d5c80;--accent-hover:#c14e32;--border-color:var(--glass-border);--accent-primary-rgba-03:rgba(29, 92, 128, 0.3);--accent-primary-rgba-05:rgba(29, 92, 128, 0.5);--accent-light-purple-rgba-01:rgba(193, 78, 50, 0.1);--accent-light-purple-rgba-03:rgba(193, 78, 50, 0.3);--accent-mid-purple-rgba-05:rgba(46, 156, 143, 0.05);--accent-mid-purple-rgba-01:rgba(46, 156, 143, 0.1);--accent-mid-purple-rgba-02:rgba(46, 156, 143, 0.2);--tag-bg:rgba(29, 92, 128, 0.1);--tag-color:#1d5c80;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1)}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);background-image:radial-gradient( circle at center,rgba(39,121,167,.28) 0%,rgba(73,197,182,.12) 45%,var(--bg-deep) 100% );background-attachment:fixed;background-size:100% 100%;background-position:50%;position:relative}[data-theme=light]{--bg-deep:#ffffff}[data-theme=light] body{background-color:#fff;background-image:radial-gradient( circle at center,rgba(73,197,182,.15) 0%,rgba(223,108,79,8%) 45%,#ffffff 100% );background-attachment:fixed;background-size:100% 100%;background-position:50%}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:400px 400px;background-repeat:repeat;opacity:.05;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}