@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Plus+Jakarta+Sans:wght@600;700;800&family=JetBrains+Mono:wght@400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#a4e6ff;--color-primary-container:#00d1ff;--color-primary-fixed:#b7eaff;--color-primary-fixed-dim:#4cd6ff;--color-on-primary:#003543;--color-on-primary-container:#00566a;--color-on-primary-fixed:#001f28;--color-on-primary-fixed-variant:#004e60;--color-inverse-primary:#00677f;--color-secondary:#b9c8de;--color-secondary-container:#39485a;--color-secondary-fixed:#d4e4fa;--color-secondary-fixed-dim:#b9c8de;--color-on-secondary:#233143;--color-on-secondary-container:#a7b6cc;--color-on-secondary-fixed:#0d1c2d;--color-on-secondary-fixed-variant:#39485a;--color-tertiary:#ffd59c;--color-tertiary-container:#feb127;--color-tertiary-fixed:#ffddb1;--color-tertiary-fixed-dim:#ffba49;--color-on-tertiary:#442b00;--color-on-tertiary-container:#6b4700;--color-on-tertiary-fixed:#291800;--color-on-tertiary-fixed-variant:#624000;--color-error:#ffb4ab;--color-error-container:#93000a;--color-on-error:#690005;--color-on-error-container:#ffdad6;--color-surface:#111318;--color-surface-dim:#111318;--color-surface-bright:#37393e;--color-surface-container-lowest:#0c0e12;--color-surface-container-low:#1a1c20;--color-surface-container:#1e2024;--color-surface-container-high:#282a2e;--color-surface-container-highest:#333539;--color-surface-variant:#333539;--color-surface-tint:#4cd6ff;--color-background:#111318;--color-on-background:#e2e2e8;--color-on-surface:#e2e2e8;--color-on-surface-variant:#bbc9cf;--color-inverse-surface:#e2e2e8;--color-inverse-on-surface:#2f3035;--color-outline:#859399;--color-outline-variant:#3c494e;--font-body:"Inter", sans-serif;--font-display:"Plus Jakarta Sans", sans-serif;--font-code:"JetBrains Mono", monospace;--spacing-base:8px;--spacing-gutter:24px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px}[data-theme=light]{--color-primary:#006880;--color-primary-container:#00839e;--color-primary-fixed:#b7eaff;--color-primary-fixed-dim:#4cd6ff;--color-on-primary:#fff;--color-on-primary-container:#fff;--color-on-primary-fixed:#001f28;--color-on-primary-fixed-variant:#004e60;--color-inverse-primary:#a4e6ff;--color-secondary:#3e4d5f;--color-secondary-container:#d4e4fa;--color-secondary-fixed:#d4e4fa;--color-secondary-fixed-dim:#b9c8de;--color-on-secondary:#fff;--color-on-secondary-container:#253342;--color-on-secondary-fixed:#0d1c2d;--color-on-secondary-fixed-variant:#39485a;--color-tertiary:#6b4700;--color-tertiary-container:#ffd59c;--color-tertiary-fixed:#ffddb1;--color-tertiary-fixed-dim:#ffba49;--color-on-tertiary:#fff;--color-on-tertiary-container:#442b00;--color-on-tertiary-fixed:#291800;--color-on-tertiary-fixed-variant:#624000;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-on-error-container:#410002;--color-surface:#f8f9ff;--color-surface-dim:#d8d9df;--color-surface-bright:#f8f9ff;--color-surface-container-lowest:#fff;--color-surface-container-low:#f2f3f9;--color-surface-container:#ececf2;--color-surface-container-high:#e6e7ed;--color-surface-container-highest:#e0e1e7;--color-surface-variant:#dde3ea;--color-surface-tint:#006880;--color-background:#f8f9ff;--color-on-background:#191c20;--color-on-surface:#191c20;--color-on-surface-variant:#40484e;--color-inverse-surface:#2e3035;--color-inverse-on-surface:#eff0f7;--color-outline:#707880;--color-outline-variant:#c0c8ce}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.bg-grid-pattern{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:40px 40px}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff05;border-color:#ffffff1a #ffffff05 #ffffff05 #ffffff0d;transition:background .3s,border-color .3s,box-shadow .3s}.glass-panel:hover{background:#ffffff0d}.glow-hover{transition:box-shadow .3s}.glow-hover:hover{box-shadow:0 0 20px #00d1ff66}.typing-cursor:after{content:"|";animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.nav-active:after{content:"";background:var(--color-primary);border-radius:9999px;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.ambient-blob{pointer-events:none;filter:blur(120px);mix-blend-mode:screen;z-index:-1;border-radius:9999px;position:fixed}.tag-pill{font-family:var(--font-body);letter-spacing:.05em;color:var(--color-on-surface-variant);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.code-tag{font-family:var(--font-code);color:var(--color-primary);background:#a4e6ff14;border-radius:4px;padding:2px 8px;font-size:12px}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}.section-container{max-width:1200px;padding:0 var(--spacing-gutter);margin:0 auto}.section-py{padding-top:80px;padding-bottom:80px}@media (width>=768px){.section-py{padding-top:120px;padding-bottom:120px}}.form-input{background:var(--color-surface-container-lowest);border:1px solid var(--color-surface-variant);width:100%;color:var(--color-on-surface);border-radius:var(--radius-md);font-family:var(--font-body);outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .3s}.form-input:focus{border-color:var(--color-primary-container);box-shadow:0 0 0 3px #00d1ff1f}.form-input::placeholder{color:var(--color-on-surface-variant);opacity:.6}textarea.form-input{resize:none}.theme-toggle-float{z-index:100;background:var(--color-surface-container-high);cursor:pointer;width:48px;height:48px;color:var(--color-on-surface);border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000004d}.theme-toggle-float:hover{box-shadow:0 6px 28px #0006}[data-theme=light] .bg-grid-pattern{background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px)}[data-theme=light] .glass-panel{background:#fff9;border:1px solid #00000005;border-color:#0000000f #00000005 #00000005 #0000000a;box-shadow:0 1px 3px #0000000f}[data-theme=light] .glass-panel:hover{background:#fffc;box-shadow:0 4px 12px #00000014}[data-theme=light] .glow-hover:hover{box-shadow:0 0 20px #0068804d}[data-theme=light] .tag-pill{background:#0000000a;border:1px solid #00000014}[data-theme=light] .code-tag{background:#00688014}[data-theme=light] .theme-toggle-float{border-color:#0000001a;box-shadow:0 4px 20px #0000001a}[data-theme=light] .theme-toggle-float:hover{box-shadow:0 6px 28px #00000026}[data-theme=light] .form-input:focus{box-shadow:0 0 0 3px #00688026}@media (width<=480px){.section-container{padding:0 16px}.section-py{padding-top:60px;padding-bottom:60px}.theme-toggle-float{width:44px;height:44px;bottom:16px;right:16px}}@media (width<=768px){h2{font-size:26px!important}}