*,*::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{--bg-deep:#1f3142;--accent-primary:#007bff;--accent-mid-purple:#00c6d7;--accent-light-purple:#7fe7f1;--accent-secondary:#38bdf8;--glass-surface:rgba(255, 255, 255, 0.05);--glass-border:rgba(0, 198, 215, 0.2);--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:#f8fbff;--text-secondary:#d6e2ee;--text-muted:#9cb3c8;--accent-hover:#33d6e4;--border-color:var(--glass-border);--accent-primary-rgba-03:rgba(0, 123, 255, 0.3);--accent-primary-rgba-05:rgba(0, 123, 255, 0.5);--accent-light-purple-rgba-01:rgba(127, 231, 241, 0.1);--accent-light-purple-rgba-03:rgba(127, 231, 241, 0.3);--accent-mid-purple-rgba-05:rgba(0, 198, 215, 0.05);--accent-mid-purple-rgba-01:rgba(0, 198, 215, 0.1);--accent-mid-purple-rgba-02:rgba(0, 198, 215, 0.2);--tag-bg:rgba(12, 29, 45, 0.5);--tag-color:var(--accent-light-purple);--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:#38bdf8;--yellow-hover:#007bff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-heading:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;--font-logo:"Outfit", -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.45);--glass-border:rgba(0, 198, 215, 0.22);--glass-block:rgba(255, 255, 255, 0.85);--bg-secondary:var(--glass-surface);--bg-tertiary:rgba(255, 255, 255, 0.55);--text-primary:#2c3e50;--text-secondary:#5f748d;--text-muted:#7f93aa;--accent-primary:#007bff;--accent-mid-purple:#00c6d7;--accent-light-purple:#0f9fb0;--accent-secondary:#38bdf8;--accent-hover:#00c6d7;--border-color:var(--glass-border);--accent-primary-rgba-03:rgba(0, 123, 255, 0.3);--accent-primary-rgba-05:rgba(0, 123, 255, 0.5);--accent-light-purple-rgba-01:rgba(15, 159, 176, 0.1);--accent-light-purple-rgba-03:rgba(15, 159, 176, 0.3);--accent-mid-purple-rgba-05:rgba(0, 198, 215, 0.05);--accent-mid-purple-rgba-01:rgba(0, 198, 215, 0.1);--accent-mid-purple-rgba-02:rgba(0, 198, 215, 0.2);--tag-bg:rgba(0, 123, 255, 0.08);--tag-color:#007bff;--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 top center,rgba(0,198,215,.18) 0%,rgba(0,123,255,.16) 30%,rgba(31,49,66,.94) 68%,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 top center,rgba(0,198,215,.12) 0%,rgba(0,123,255,8%) 35%,#f4f7fa 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}