:root{color-scheme:light dark;--brand-primary: 59 130 246;--brand-secondary: 139 92 246;--brand-accent: 99 102 241;--color-background: light-dark(rgb(255 255 255), rgb(3 7 18));--color-surface: light-dark(rgb(249 250 251), rgb(17 24 39));--color-surface-hover: light-dark(rgb(243 244 246), rgb(31 41 55));--color-surface-active: light-dark(rgb(229 231 235), rgb(55 65 81));--color-border: light-dark(rgb(229 231 235), rgb(31 41 55));--color-border-hover: light-dark(rgb(209 213 219), rgb(55 65 81));--color-text-primary: light-dark(rgb(17 24 39), rgb(243 244 246));--color-text-secondary: light-dark(rgb(55 65 81), rgb(209 213 219));--color-text-tertiary: light-dark(rgb(107 114 128), rgb(156 163 175));--color-text-muted: light-dark(rgb(156 163 175), rgb(107 114 128));--color-link: light-dark(rgb(var(--brand-primary)), rgb(96 165 250));--color-link-hover: light-dark( rgb(var(--brand-accent)), rgb(129 140 248) );--color-code-bg: light-dark(rgb(243 244 246), rgb(31 41 55));--color-code-text: light-dark(rgb(31 41 55), rgb(229 231 235));--color-button-primary: rgb(var(--brand-primary));--color-button-primary-hover: rgb(var(--brand-accent));--color-button-secondary: var(--color-surface-hover);--color-button-secondary-hover: var(--color-surface-active);--color-success: light-dark(rgb(16 185 129), rgb(52 211 153));--color-warning: light-dark(rgb(245 158 11), rgb(251 191 36));--color-error: light-dark(rgb(239 68 68), rgb(248 113 113));--color-danger: light-dark(rgb(239 68 68), rgb(248 113 113));--color-info: light-dark(rgb(59 130 246), rgb(96 165 250));--color-success-dark: light-dark(rgb(6 95 70), rgb(34 197 94));--color-danger-dark: light-dark(rgb(185 28 28), rgb(220 38 38));--color-success-light: light-dark(rgb(167 243 208), rgb(16 185 129));--color-danger-light: light-dark(rgb(254 202 202), rgb(239 68 68));--color-primary-light: light-dark(rgb(147 197 253), rgb(59 130 246));--color-primary: rgb(var(--brand-primary));--color-secondary: rgb(var(--brand-secondary));--color-overlay: light-dark(rgba(0 0 0 / .5), rgba(0 0 0 / .7));--terminal-green-rgb: 0 255 0;--terminal-amber-rgb: 255 176 0;--terminal-cyan-rgb: 0 255 255;--terminal-magenta-rgb: 255 0 255;--terminal-red-rgb: 255 0 64;--terminal-blue-rgb: 0 128 255;--terminal-purple-rgb: 157 0 255;--terminal-yellow-rgb: 255 255 0;--terminal-green: rgb(var(--terminal-green-rgb));--terminal-amber: rgb(var(--terminal-amber-rgb));--terminal-cyan: rgb(var(--terminal-cyan-rgb));--terminal-magenta: rgb(var(--terminal-magenta-rgb));--terminal-red: rgb(var(--terminal-red-rgb));--terminal-blue: rgb(var(--terminal-blue-rgb));--terminal-purple: rgb(var(--terminal-purple-rgb));--terminal-yellow: rgb(var(--terminal-yellow-rgb));--terminal-bg: light-dark(rgb(250 250 250), rgb(10 10 10));--terminal-bg-alt: light-dark(rgb(245 245 245), rgb(15 15 15));--terminal-overlay: light-dark(rgba(0 180 0 / .02), rgba(0 255 0 / .05));--glow-intensity: light-dark(0 0 2px, 0 0 10px);--glow-intense: light-dark(0 0 4px, 0 0 20px);--glow-extreme: light-dark(0 0 6px, 0 0 30px);--color-backdrop: light-dark(rgba(255 255 255 / .8), rgba(17 24 39 / .8));--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark;--terminal-green-rgb: 0 255 0;--terminal-amber-rgb: 255 176 0;--terminal-cyan-rgb: 0 255 255;--terminal-magenta-rgb: 255 0 255;--terminal-red-rgb: 255 0 64;--terminal-blue-rgb: 0 128 255;--terminal-purple-rgb: 157 0 255;--terminal-yellow-rgb: 255 255 0}::-webkit-scrollbar-track{background:light-dark(rgb(241 245 249),rgb(30 41 59))}::-webkit-scrollbar-thumb{background:light-dark(rgb(203 213 225),rgb(71 85 105));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:light-dark(rgb(148 163 184),rgb(100 116 139))}::-moz-selection{background-color:light-dark(rgba(var(--brand-primary) / .3),rgba(var(--brand-primary) / .4));color:inherit}::selection{background-color:light-dark(rgba(var(--brand-primary) / .3),rgba(var(--brand-primary) / .4));color:inherit}*:focus-visible{outline:2px solid light-dark(rgb(var(--brand-primary)),rgb(96 165 250));outline-offset:2px}body{font-family:var(--font-sans);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-top:0;color:var(--color-text-primary)}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-link-hover)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-code-bg);color:var(--color-code-text);padding:.125rem .375rem;border-radius:.25rem}pre{font-family:var(--font-mono);overflow-x:auto;padding:1rem;border-radius:.5rem;background-color:var(--color-code-bg);color:var(--color-code-text)}pre code{background-color:transparent;padding:0}img{max-width:100%;height:auto;display:block}::-moz-selection{background-color:rgba(var(--brand-primary) / .3);color:inherit}::selection{background-color:rgba(var(--brand-primary) / .3);color:inherit}*:focus{outline:none}*:focus-visible{outline:2px solid rgb(var(--brand-primary));outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}:root{--terminal-font: "Share Tech Mono", "Courier New", "Courier", monospace}.terminal-window{background:var(--terminal-bg);border:1px solid var(--terminal-green);border-radius:4px;box-shadow:inset 0 0 10px #00ff000d;font-family:var(--terminal-font);position:relative;overflow:hidden;margin:.5rem}.terminal-window:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none;animation:scanlines 8s linear infinite}.terminal-header{background:linear-gradient(to bottom,#1a1a1a,#0f0f0f);border-bottom:1px solid var(--terminal-green);padding:8px 12px;display:flex;align-items:center;gap:8px}.terminal-button{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-button-red,.terminal-button.close{background:var(--terminal-red);box-shadow:var(--glow-intensity) var(--terminal-red)}.terminal-button-yellow,.terminal-button.minimize{background:var(--terminal-yellow);box-shadow:var(--glow-intensity) var(--terminal-yellow)}.terminal-button-green,.terminal-button.maximize{background:var(--terminal-green);box-shadow:var(--glow-intensity) var(--terminal-green)}.terminal-title{flex:1;text-align:center;color:var(--terminal-green);font-size:12px;text-transform:uppercase;letter-spacing:2px;text-shadow:var(--glow-intensity) var(--terminal-green)}.cli-prompt{color:var(--terminal-cyan);text-shadow:var(--glow-intensity) var(--terminal-cyan)}.cli-prompt:before{content:"❯ ";color:var(--terminal-magenta);text-shadow:var(--glow-intensity) var(--terminal-magenta)}.cli-cursor{display:inline-block;width:10px;height:20px;background:var(--terminal-green);animation:cursor-blink 1s infinite;box-shadow:var(--glow-intensity) var(--terminal-green)}.terminal-text{color:var(--terminal-green);text-shadow:var(--glow-intensity) var(--terminal-green);font-family:var(--terminal-font)}.text-gradient-cyber{background:linear-gradient(135deg,var(--terminal-cyan) 0%,var(--terminal-magenta) 50%,var(--terminal-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glitch-text{position:relative;color:var(--terminal-cyan);text-shadow:var(--glow-intense) var(--terminal-cyan)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:var(--terminal-magenta);animation:glitch-1 .5s infinite;z-index:-1}.glitch-text:after{color:var(--terminal-cyan);animation:glitch-2 .5s infinite;z-index:-2}.neon-border{border:1px solid var(--terminal-cyan);box-shadow:inset 0 0 5px #00ffff1a;transition:all .3s ease}.neon-border:hover{box-shadow:inset 0 0 10px #0ff3,var(--glow-intensity) var(--terminal-cyan)}.neon-border-green{border-color:var(--terminal-green);box-shadow:inset 0 0 5px #00ff001a}.neon-border-green:hover{box-shadow:inset 0 0 10px #0f03,var(--glow-intensity) var(--terminal-green)}.neon-border-magenta{border-color:var(--terminal-magenta);box-shadow:inset 0 0 5px #ff00ff1a}.neon-border-magenta:hover{box-shadow:inset 0 0 10px #f0f3,var(--glow-intensity) var(--terminal-magenta)}.neon-border-cyan{border-color:var(--terminal-cyan);box-shadow:inset 0 0 5px #00ffff1a}.neon-border-cyan:hover{box-shadow:inset 0 0 10px #0ff3,var(--glow-intensity) var(--terminal-cyan)}.ascii-art{font-family:var(--terminal-font);color:var(--terminal-green);text-shadow:var(--glow-intensity) var(--terminal-green);white-space:pre;line-height:1;font-size:12px}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.matrix-drop{position:absolute;color:var(--terminal-green);font-family:var(--terminal-font);font-size:16px;animation:matrix-fall linear infinite;text-shadow:var(--glow-intensity) var(--terminal-green)}.hologram{position:relative;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.1) 50%,transparent 70%);animation:hologram-sweep 3s linear infinite}.cyber-grid{background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes glitch-1{0%,to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px,-2px)}25%{clip-path:polygon(0 0,100% 0,100% 65%,0 65%);transform:translate(2px,2px)}50%{clip-path:polygon(0 0,100% 0,100% 35%,0 35%);transform:translate(-2px,2px)}75%{clip-path:polygon(0 0,100% 0,100% 55%,0 55%);transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(2px,2px)}25%{clip-path:polygon(0 35%,100% 35%,100% 100%,0 100%);transform:translate(-2px,-2px)}50%{clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);transform:translate(2px,-2px)}75%{clip-path:polygon(0 45%,100% 45%,100% 100%,0 100%);transform:translate(-2px,2px)}}@keyframes neon-pulse{0%{box-shadow:var(--glow-intensity) currentColor}to{box-shadow:var(--glow-extreme) currentColor}}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes hologram-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.typing-effect{overflow:hidden;white-space:nowrap;animation:typing 3s steps(40,end);border-right:3px solid var(--terminal-green);animation:typing 3s steps(40,end),cursor-blink 1s infinite}@keyframes typing{0%{width:0}to{width:100%}}.terminal-code{background:var(--terminal-bg);border:1px solid var(--terminal-green);padding:20px;margin:20px 0;position:relative;overflow:auto;font-family:var(--terminal-font);box-shadow:var(--glow-intensity) var(--terminal-green)}.terminal-code:before{content:"> ";color:var(--terminal-magenta);text-shadow:var(--glow-intensity) var(--terminal-magenta)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.prose h1{font-size:2.25rem;margin-top:2rem;margin-bottom:1rem}.prose h2{font-size:1.875rem;margin-top:1.75rem;margin-bottom:.75rem}.prose h3{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.5rem}.prose p{margin-top:1.25rem;margin-bottom:1.25rem}.prose ul,.prose ol{margin-top:1.25rem;margin-bottom:1.25rem;padding-left:1.625rem}.prose li{margin-top:.5rem;margin-bottom:.5rem}.prose blockquote{margin-top:1.6rem;margin-bottom:1.6rem;padding-left:1rem;border-left:4px solid #e5e7eb;font-style:italic;border-left-color:var(--color-border)}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}