:root{--color-white: #ffffff;--color-black: #000000;--color-cream-50: #fcfcf9;--color-cream-100: #fffffd;--color-gray-200: #f5f5f5;--color-gray-300: #a7a9a9;--color-gray-400: #777c7c;--color-slate-500: #626c71;--color-slate-900: #13343b;--color-charcoal-700: #1f2121;--color-charcoal-800: #262828;--color-brown-600: #5e5240;--color-teal-300: #32b8c6;--color-teal-400: #2da6b2;--color-teal-500: #21808d;--color-teal-600: #1d7480;--color-teal-700: #1a6873;--color-teal-800: #2996a1;--color-red-400: #ff5459;--color-red-500: #c0152f;--color-orange-400: #e68161;--color-orange-500: #a84b2f;--color-terminal-green: #00ff41;--color-terminal-glow: #50fa7b;--color-terminal-cyan: #8be9fd;--color-terminal-yellow: #DD9100;--color-terminal-purple: #bd93f9;--color-terminal-comment: #6272a4;--color-terminal-foreground: #f8f8f2;--color-terminal-window-close: #ff5555;--color-terminal-window-minimize: #DD9100;--color-terminal-window-maximize: #50fa7b;--color-terminal-telegram-accent: #00d4aa;--color-terminal-twitch-accent: #9146ff;--background: var(--color-black);--foreground: var(--color-terminal-green);--card: var(--color-charcoal-700);--card-foreground: var(--color-terminal-green);--border: var(--color-charcoal-800);--primary: var(--color-terminal-green);--primary-foreground: var(--color-black);--muted: var(--color-charcoal-800);--muted-foreground: var(--color-terminal-comment);--accent: var(--color-charcoal-800);--accent-foreground: var(--color-terminal-glow);--destructive: var(--color-red-400);--destructive-foreground: var(--color-white);--success: var(--color-terminal-glow);--success-foreground: var(--color-black);--warning: var(--color-terminal-yellow);--warning-foreground: var(--color-black);--info: var(--color-terminal-cyan);--info-foreground: var(--color-black);--sidebar: #131313;--sidebar-foreground: var(--color-terminal-glow);--sidebar-primary: var(--color-charcoal-800);--sidebar-primary-foreground: var(--color-terminal-green);--input: var(--color-charcoal-700);--input-foreground: var(--color-terminal-green);--input-border: var(--color-charcoal-800);--input-focus: var(--color-terminal-green);--font-family-base: "FKGroteskNeue", "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--spacing-0: 0px;--spacing-1: 1px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, .02);--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .04), 0px 1px 2px 0px rgba(0, 0, 0, .02);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .04), 0px 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .04), 0px 4px 6px -2px rgba(0, 0, 0, .02);--shadow-terminal: 0px 20px 60px 0px rgba(0, 0, 0, .8), 0px 0px 0px 1px rgba(0, 255, 65, .2);--duration-fast: .15s;--duration-normal: .25s;--easing-standard: cubic-bezier(.16, 1, .3, 1);--breakpoint-mobile: 320px;--breakpoint-mobile-landscape: 481px;--breakpoint-tablet: 641px;--breakpoint-tablet-landscape: 961px;--breakpoint-desktop: 1025px;--breakpoint-desktop-large: 1281px;--breakpoint-ultrawide: 1920px;--terminal-max-width: 1200px;--terminal-min-height: 80vh;--terminal-border-radius: var(--radius-md);--terminal-button-size: 12px;--ascii-font-size-base: 16px;--ascii-font-size-small: 8px;--ascii-font-size-large: 20px;--cta-padding: var(--spacing-16) var(--spacing-20);--cta-border-radius: var(--radius-base);--cta-hover-glow: 20px}.text-glow{text-shadow:0 0 10px rgba(0,255,65,.5)}.text-glow-strong{text-shadow:0 0 15px var(--color-terminal-green)}.text-primary{color:var(--primary)}.text-muted{color:var(--muted-foreground)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--destructive)}.text-info{color:var(--info)}.text-highlight{color:var(--color-terminal-cyan)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-mono{font-family:var(--font-family-mono)}.font-base{font-family:var(--font-family-base)}.card{background-color:var(--card);border:1px solid var(--border);padding:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-16);position:relative;box-shadow:0 0 20px #00000080}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--foreground);box-shadow:0 0 10px var(--foreground);opacity:.5}.card-clickable{cursor:pointer;transition:all var(--duration-normal) var(--easing-standard)}.card-clickable:hover{border-color:var(--primary);box-shadow:0 0 30px #00ff4133;transform:translateY(-2px)}.nav-item{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-12);color:var(--muted-foreground);text-decoration:none;margin-bottom:var(--spacing-4);border-radius:var(--radius-sm);transition:all var(--duration-fast);cursor:pointer}.nav-item:hover,.nav-item.active{background-color:#00ff411a;color:var(--foreground);text-shadow:0 0 8px rgba(0,255,65,.4)}.badge{padding:2px var(--spacing-8);background:#00ff411a;border:1px solid var(--foreground);font-size:var(--font-size-xs);text-transform:uppercase}.badge.badge-success{border-color:var(--success);color:var(--success)}.badge.badge-warning{border-color:var(--warning);color:var(--warning)}.badge.badge-danger{border-color:var(--destructive);color:var(--destructive)}.btn{padding:var(--spacing-12) var(--spacing-20);border-radius:var(--radius-base);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast);border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(:disabled){box-shadow:0 0 var(--cta-hover-glow) var(--primary)}.btn-secondary{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#00ff411a;border-color:var(--primary)}.btn-danger{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn-danger:hover:not(:disabled){box-shadow:0 0 var(--cta-hover-glow) var(--destructive)}.input{background:var(--input);color:var(--input-foreground);border:1px solid var(--input-border);padding:var(--spacing-12);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-base);transition:all var(--duration-fast)}.input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 10px #00ff4133}.input::placeholder{color:var(--muted-foreground)}.progress-bar{width:100%;height:4px;background:#333}.progress-bar .progress-fill{height:100%;transition:width var(--duration-normal) var(--easing-standard)}.progress-bar .progress-fill.progress-success{background:var(--success);box-shadow:0 0 8px var(--success)}.progress-bar .progress-fill.progress-warning{background:var(--warning);box-shadow:0 0 8px var(--warning)}.progress-bar .progress-fill.progress-danger{background:var(--destructive);box-shadow:0 0 8px var(--destructive)}.progress-bar .progress-fill.progress-info{background:var(--info);box-shadow:0 0 8px var(--info)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--color-terminal-green)}50%{box-shadow:0 0 20px var(--color-terminal-green)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.blink{animation:blink 2s infinite}.glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.scanline-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-mono);background-color:var(--background);color:var(--foreground);line-height:var(--line-height-normal);min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--color-terminal-glow);text-shadow:0 0 8px rgba(0,255,65,.4)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--foreground)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}code,pre{font-family:var(--font-family-mono);background-color:var(--muted);border-radius:var(--radius-sm)}code{padding:2px var(--spacing-6);font-size:.9em}pre{padding:var(--spacing-16);overflow-x:auto}::selection{background-color:var(--primary);color:var(--primary-foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--color-terminal-comment);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,textarea,select{font-family:var(--font-family-mono)}button{font-family:var(--font-family-mono);cursor:pointer;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;height:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--spacing-12);text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted-foreground);font-weight:var(--font-weight-medium);text-transform:uppercase;font-size:var(--font-size-xs)}.sr-only,.aria-live-assertive,.aria-live-polite{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:10000;padding:var(--spacing-8) var(--spacing-16);background-color:var(--primary);color:var(--primary-foreground);font-weight:var(--font-weight-bold);text-decoration:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:top var(--duration-fast)}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors: active){:focus-visible{outline:3px solid LinkText}.skip-link:focus{background-color:LinkText;color:Canvas}}.container{max-width:var(--terminal-max-width);margin:0 auto;padding:0 var(--spacing-24)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:var(--spacing-8)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-24{gap:var(--spacing-24)}.gap-32{gap:var(--spacing-32)}