: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(24 24 27));--color-surface: light-dark(rgb(249 250 251), rgb(39 39 42));--color-surface-hover: light-dark(rgb(243 244 246), rgb(52 52 56));--color-surface-active: light-dark(rgb(229 231 235), rgb(63 63 70));--color-border: light-dark(rgb(229 231 235), rgb(63 63 70));--color-border-hover: light-dark(rgb(209 213 219), rgb(82 82 91));--color-text-primary: light-dark(rgb(17 24 39), rgb(228 228 231));--color-text-secondary: light-dark(rgb(55 65 81), rgb(161 161 170));--color-text-tertiary: light-dark(rgb(107 114 128), rgb(113 113 122));--color-text-muted: light-dark(rgb(156 163 175), rgb(82 82 91));--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: 74 222 128;--terminal-amber-rgb: 251 191 36;--terminal-cyan-rgb: 34 211 238;--terminal-magenta-rgb: 232 121 249;--terminal-red-rgb: 248 113 113;--terminal-blue-rgb: 96 165 250;--terminal-purple-rgb: 192 132 252;--terminal-yellow-rgb: 250 204 21;--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(24 24 27));--terminal-bg-alt: light-dark(rgb(245 245 245), rgb(39 39 42));--terminal-overlay: light-dark(rgba(74 222 128 / .02), rgba(74 222 128 / .03));--glow-intensity: light-dark(0 0 2px, 0 0 6px);--glow-intense: light-dark(0 0 3px, 0 0 12px);--glow-extreme: light-dark(0 0 4px, 0 0 18px);--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: 74 222 128;--terminal-amber-rgb: 251 191 36;--terminal-cyan-rgb: 34 211 238;--terminal-magenta-rgb: 232 121 249;--terminal-red-rgb: 248 113 113;--terminal-blue-rgb: 96 165 250;--terminal-purple-rgb: 192 132 252;--terminal-yellow-rgb: 250 204 21}::-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}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}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}}.terminal-window{background:var(--terminal-bg, rgb(10, 10, 10));border:1px solid rgb(0,255,0);border-radius:4px;box-shadow:inset 0 0 10px #00ff000d;font-family:Share Tech Mono,Courier New,Courier,monospace;position:relative;overflow:hidden}nav.terminal-window{position:fixed!important;top:0!important;left:0!important;right:0!important;border-radius:0;border-left:none;border-right:none;border-top:none}.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}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.terminal-header{background:linear-gradient(to bottom,#1a1a1a,#0f0f0f);border-bottom:1px solid rgb(0,255,0);padding:8px 12px;display:flex;align-items:center;gap:8px}.terminal-buttons{display:flex;gap:6px}.terminal-button{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-button-red,.terminal-button.close{background:#ff5f56}.terminal-button-yellow,.terminal-button.minimize{background:#ffbd2e}.terminal-button-green,.terminal-button.maximize{background:#27c93f}.terminal-title{flex:1;text-align:center;color:#0f0;font-size:.875rem;text-shadow:0 0 2px rgb(0,255,0)}.terminal-content{padding:1rem;background:var(--terminal-bg, rgb(10, 10, 10));position:relative}.terminal-text{color:#0f0;text-shadow:0 0 2px rgba(0,255,0,.5);font-family:Share Tech Mono,Courier New,Courier,monospace}:root{--terminal-green: rgb(0, 255, 0);--terminal-cyan: rgb(0, 255, 255);--terminal-yellow: rgb(255, 255, 0);--terminal-red: rgb(255, 95, 86);--terminal-magenta: rgb(255, 0, 255);--terminal-bg: rgb(10, 10, 10);--terminal-font: "Share Tech Mono", "Courier New", "Courier", monospace;--glow-intensity: 0 0 5px;--glow-intense: 0 0 10px;--glow-extreme: 0 0 20px}.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}@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)}}.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)}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.hologram{position:relative;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.1) 50%,transparent 70%);animation:hologram-sweep 3s linear infinite}@keyframes hologram-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.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 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%}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.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)}.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)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
