@font-face{font-family:Space Grotesk;src:url(/assets/fonts/space-grotesk-400.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Kodchasan;src:url(/assets/fonts/kodchasan-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kodchasan;src:url(/assets/fonts/kodchasan-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kodchasan;src:url(/assets/fonts/kodchasan-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kodchasan;src:url(/assets/fonts/kodchasan-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--primary: #0d59f2;--primary-hover: #0b4bc9;--bg-light: #f5f6f8;--bg-dark: #0f1115;--bg-card-dark: #181b21;--bg-card-light: #ffffff;--code-bg: #1e222a;--text-dark: #0f1115;--text-light: #ffffff;--text-muted-dark: #94a3b8;--text-muted-light: #64748b;--border-dark: rgba(255, 255, 255, .08);--border-light: rgba(0, 0, 0, .08);--font-display: "Space Grotesk", sans-serif;--font-code: "JetBrains Mono", monospace;--font-brand: "Kodchasan", sans-serif}.dark{--bg: var(--bg-dark);--bg-card: var(--bg-card-dark);--text: var(--text-light);--text-muted: var(--text-muted-dark);--border: var(--border-dark)}.light{--bg: var(--bg-light);--bg-card: var(--bg-card-light);--text: var(--text-dark);--text-muted: var(--text-muted-light);--border: var(--border-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .3s,color .3s}body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text}.mask{display:inline-block;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.mask.lightbulb{mask-image:url(/assets/icons/lightbulb.svg);-webkit-mask-image:url(/assets/icons/lightbulb.svg)}.mask.target{mask-image:url(/assets/icons/target.svg);-webkit-mask-image:url(/assets/icons/target.svg)}.mask.palette{mask-image:url(/assets/icons/palette.svg);-webkit-mask-image:url(/assets/icons/palette.svg)}.mask.cpu{mask-image:url(/assets/icons/cpu.svg);-webkit-mask-image:url(/assets/icons/cpu.svg)}.mask.shield{mask-image:url(/assets/icons/shield.svg);-webkit-mask-image:url(/assets/icons/shield.svg)}.mask.dns{mask-image:url(/assets/icons/dns.svg);-webkit-mask-image:url(/assets/icons/dns.svg)}.mask.layers{mask-image:url(/assets/icons/layers.svg);-webkit-mask-image:url(/assets/icons/layers.svg)}.mask.rocket{mask-image:url(/assets/icons/rocket.svg);-webkit-mask-image:url(/assets/icons/rocket.svg)}.mask.groups{mask-image:url(/assets/icons/groups.svg);-webkit-mask-image:url(/assets/icons/groups.svg)}.mask.puzzle{mask-image:url(/assets/icons/puzzle.svg);-webkit-mask-image:url(/assets/icons/puzzle.svg)}.mask.handshake{mask-image:url(/assets/icons/handshake.svg);-webkit-mask-image:url(/assets/icons/handshake.svg)}.mask.quality{mask-image:url(/assets/icons/quality.svg);-webkit-mask-image:url(/assets/icons/quality.svg)}.mask.devices{mask-image:url(/assets/icons/devices.svg);-webkit-mask-image:url(/assets/icons/devices.svg)}.mask.code{mask-image:url(/assets/icons/code.svg);-webkit-mask-image:url(/assets/icons/code.svg)}.mask.layout{mask-image:url(/assets/icons/layout.svg);-webkit-mask-image:url(/assets/icons/layout.svg)}.mask.bot{mask-image:url(/assets/icons/bot.svg);-webkit-mask-image:url(/assets/icons/bot.svg)}.glass-panel{background:#181b2199;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border)}.light .glass-panel{background:#fffc}.glow-effect{box-shadow:0 0 60px -15px #0d59f24d}.brand-text{font-family:var(--font-brand);font-weight:500;letter-spacing:-.015em}.code-syntax-keyword{color:#c678dd}.code-syntax-function{color:#61afef}.code-syntax-string{color:#98c379}.code-syntax-comment{color:#8b95a7;font-style:italic}.code-syntax-plain{color:#abb2bf}:is(p,li,blockquote,dd,dt,figcaption,td,th,summary,address) a:link,:is(p,li,blockquote,dd,dt,figcaption,td,th,summary,address) a:visited{color:var(--primary)}