*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #00ff41;--green-dim: #00b32c;--green-dark: #003300;--green-glow: 0 0 8px #00ff41, 0 0 20px #00ff4144;--bg: #0a0a0a;--bg-card: #0f0f0f;--border: 1px solid #00ff4155;--border-bright: 1px solid #00ff41;--font: "Share Tech Mono", "Courier New", Courier, monospace;--radius: 4px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--green);font-family:var(--font);font-size:15px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#scanlines{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}#header{position:sticky;top:0;z-index:100;background:#050505;border-bottom:var(--border-bright);display:flex;align-items:center;gap:2rem;padding:.75rem 1.5rem;box-shadow:0 2px 20px #00ff4122}.logo{font-size:1.2rem;font-weight:700;white-space:nowrap;text-shadow:var(--green-glow);letter-spacing:2px}.logo-bracket{color:var(--green-dim)}#navbar{display:flex;gap:1.5rem;flex-wrap:wrap}.nav-link{color:var(--green-dim);text-decoration:none;padding:.3rem .6rem;border:var(--border);border-radius:var(--radius);transition:all .2s;font-size:.9rem}.nav-link:hover,.nav-link.active{color:var(--green);border-color:var(--green);text-shadow:var(--green-glow);box-shadow:var(--green-glow);background:var(--green-dark)}#menu-toggle{display:none;background:none;border:var(--border);color:var(--green);font-size:1.3rem;padding:.3rem .6rem;cursor:pointer;margin-left:auto;border-radius:var(--radius)}#app{flex:1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1.5rem}#footer{border-top:var(--border);padding:.6rem 1.5rem;font-size:.8rem;color:var(--green-dim);text-align:center;background:#050505}.status-ok{color:var(--green)}h1{font-size:2rem;text-shadow:var(--green-glow);margin-bottom:.5rem;letter-spacing:3px}h2{font-size:1.3rem;color:var(--green);margin-bottom:1rem;border-bottom:var(--border);padding-bottom:.4rem;letter-spacing:2px}h3{font-size:1rem;color:var(--green-dim);margin-bottom:.75rem;letter-spacing:1px}p{margin-bottom:.8rem;color:var(--green-dim)}a{color:var(--green)}.card{background:var(--bg-card);border:var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--green);box-shadow:0 0 12px #00ff4122}.btn{display:inline-block;background:transparent;color:var(--green);border:var(--border-bright);border-radius:var(--radius);padding:.5rem 1.2rem;font-family:var(--font);font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;letter-spacing:1px}.btn:hover{background:var(--green-dark);box-shadow:var(--green-glow);text-shadow:var(--green-glow)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--green-dark);border-color:var(--green)}.btn-danger{color:#ff4141;border-color:#ff4141}.btn-danger:hover{background:#300;box-shadow:0 0 8px #ff414144;text-shadow:0 0 8px #ff4141}input[type=text],input[type=search],textarea,select{background:var(--bg-card);color:var(--green);border:var(--border-bright);border-radius:var(--radius);padding:.5rem .8rem;font-family:var(--font);font-size:.9rem;width:100%;outline:none;transition:box-shadow .2s}input:focus,textarea:focus,select:focus{box-shadow:var(--green-glow)}select option{background:#0a0a0a}label{display:block;margin-bottom:.4rem;color:var(--green-dim);font-size:.85rem}.form-group{margin-bottom:1rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s step-end infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes glitch{0%{text-shadow:2px 0 #00ff41,-2px 0 #ff0000}20%{text-shadow:-2px 0 #00ff41,2px 0 #0000ff}40%{text-shadow:2px 2px #00ff41,-2px -2px #ff0000}60%{text-shadow:-2px 2px #00ff41,2px -2px #0000ff}80%{text-shadow:var(--green-glow)}to{text-shadow:var(--green-glow)}}.glitch{animation:glitch .4s linear}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 1.5s steps(40) forwards;border-right:2px solid var(--green)}.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:var(--border-bright)}.page-header .breadcrumb{font-size:.8rem;color:var(--green-dim);margin-bottom:.5rem}.quiz-container{max-width:720px}.quiz-progress-bar{height:4px;background:var(--green-dark);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--green);box-shadow:var(--green-glow);transition:width .4s ease}.quiz-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--green-dim);margin-bottom:1rem}.quiz-question{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.7;color:var(--green)}.quiz-options{display:grid;gap:.75rem;margin-bottom:1.5rem}.quiz-option{background:var(--bg-card);border:var(--border);border-radius:var(--radius);padding:.75rem 1rem;cursor:pointer;transition:all .15s;font-family:var(--font);font-size:.95rem;color:var(--green-dim);text-align:left;width:100%}.quiz-option:hover:not(:disabled){border-color:var(--green);color:var(--green);background:var(--green-dark)}.quiz-option.correct{border-color:var(--green);color:var(--green);background:var(--green-dark);box-shadow:var(--green-glow)}.quiz-option.wrong{border-color:#ff4141;color:#ff4141;background:#1a0000}.quiz-feedback{padding:1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.quiz-feedback.correct{border:1px solid var(--green);background:var(--green-dark);color:var(--green)}.quiz-feedback.wrong{border:1px solid #ff4141;background:#1a0000;color:#f88}.quiz-result{text-align:center;padding:2rem}.quiz-score-display{font-size:4rem;text-shadow:var(--green-glow);margin:1rem 0}.quiz-rating{font-size:1.2rem;margin:1rem 0;color:var(--green)}.tab-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:var(--border-bright);padding-bottom:.75rem}.tab-btn{background:none;border:var(--border);color:var(--green-dim);font-family:var(--font);font-size:.9rem;padding:.4rem 1rem;cursor:pointer;border-radius:var(--radius);transition:all .2s}.tab-btn.active{background:var(--green-dark);border-color:var(--green);color:var(--green);box-shadow:var(--green-glow)}.tab-panel{display:none}.tab-panel.active{display:block}.prompt-output{background:#050505;border:var(--border-bright);border-radius:var(--radius);padding:1.2rem;margin-top:1rem;font-size:.9rem;line-height:1.7;color:var(--green);min-height:80px;white-space:pre-wrap;word-break:break-word}.prompt-output:before{content:"> ";color:var(--green-dim)}.scenario-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:.75rem;transition:border-color .2s}.scenario-card:hover{border-color:var(--green)}.scenario-label{font-size:.75rem;color:var(--green-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:.4rem}.scenario-text{color:var(--green);font-size:.9rem;line-height:1.6}.copy-btn{font-size:.75rem;padding:.2rem .6rem;margin-top:.5rem}.terminal-window{background:#050505;border:var(--border-bright);border-radius:var(--radius);overflow:hidden;margin-bottom:2rem}.terminal-titlebar{background:var(--green-dark);padding:.4rem 1rem;font-size:.8rem;color:var(--green);display:flex;gap:.5rem;align-items:center}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--green-dim)}.terminal-body{padding:1.5rem;font-size:.95rem;line-height:2}.terminal-line:before{content:"$ ";color:var(--green-dim)}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.home-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .2s;text-decoration:none;display:block}.home-card:hover{border-color:var(--green);box-shadow:0 0 20px #00ff4122;transform:translateY(-2px)}.home-card-icon{font-size:2rem;margin-bottom:.5rem}.home-card-title{color:var(--green);font-size:1rem;margin-bottom:.3rem;letter-spacing:1px}.home-card-desc{color:var(--green-dim);font-size:.85rem;line-height:1.5}.info-tag{display:inline-block;border:var(--border);padding:.15rem .5rem;font-size:.75rem;border-radius:var(--radius);margin-right:.4rem;margin-bottom:.4rem;color:var(--green-dim)}.info-tag:hover{border-color:var(--green);color:var(--green)}.scan-block{background:#050505;border:var(--border);border-radius:var(--radius);padding:1rem}.scan-label{font-size:.7rem;letter-spacing:2px;color:var(--green-dim);border-bottom:var(--border);padding-bottom:.4rem;margin-bottom:.6rem}.scan-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;padding:.15rem 0;border-bottom:1px solid #0f0f0f}.scan-key{color:var(--green-dim);white-space:nowrap;min-width:110px}.scan-val{color:var(--green);text-align:right;word-break:break-all}.text-center{text-align:center}.text-dim{color:var(--green-dim)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.gap-1{gap:.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}@media (max-width: 640px){#navbar{display:none}#navbar.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#050505;border-bottom:var(--border-bright);padding:1rem 1.5rem;gap:.75rem;z-index:99}#menu-toggle{display:block}h1{font-size:1.5rem}.quiz-score-display{font-size:3rem}}