@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono:wght@400&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Share Tech Mono,monospace;background:#000;color:#0f0;min-height:100vh;overflow-x:hidden}.cyber-terminal{min-height:100vh;background:linear-gradient(0deg,transparent 24%,rgba(0,255,0,.03) 25%,rgba(0,255,0,.03) 26%,transparent 27%,transparent 74%,rgba(0,255,0,.03) 75%,rgba(0,255,0,.03) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(0,255,0,.03) 25%,rgba(0,255,0,.03) 26%,transparent 27%,transparent 74%,rgba(0,255,0,.03) 75%,rgba(0,255,0,.03) 76%,transparent 77%),radial-gradient(circle at 50% 50%,rgba(0,255,0,.1) 0%,transparent 100%),#000;background-size:4px 4px,4px 4px,100% 100%,100% 100%;animation:scanlines .1s linear infinite;position:relative}.cyber-terminal:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 50%,rgba(0,255,0,.03) 50%);background-size:100% 2px;animation:scanlines .06s linear infinite;pointer-events:none;z-index:1000}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(2px)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-content{text-align:center}.ascii-logo{font-size:12px;line-height:1.2;color:#0f0;margin-bottom:2rem;text-shadow:0 0 10px #00ff00}.loading-bar{width:300px;height:20px;border:2px solid #00ff00;margin:0 auto 1rem;position:relative}.loading-progress{height:100%;width:0;background:linear-gradient(90deg,#0f0,#0a0);animation:loading 2s ease-in-out infinite}.loading-text{font-size:14px;color:#0f0;animation:blink 1s infinite}@keyframes loading{0%,to{width:0}50%{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:600px;width:100%}.ascii-banner{text-align:center;margin-bottom:2rem}.ascii-art{color:#0f0;font-size:12px;line-height:1.2;text-shadow:0 0 10px #00ff00}.terminal-window{border:2px solid #00ff00;background:#000c;box-shadow:0 0 20px #00ff004d,inset 0 0 20px #00ff001a}.window-header{background:#0f0;color:#000;padding:.5rem 1rem;font-weight:700;text-align:center}.window-content{padding:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{color:#0f0;font-size:14px}.pin-input-container{display:flex;gap:1rem;align-items:center}.pin-input{background:#000c;border:1px solid #00ff00;color:#0f0;padding:.75rem;font-family:inherit;font-size:18px;width:120px;text-align:center;letter-spacing:.5rem}.pin-input:focus{outline:none;box-shadow:0 0 10px #00ff0080}.terminal-input{background:#000c;border:1px solid #00ff00;color:#0f0;padding:.75rem;font-family:inherit;font-size:16px}.terminal-input:focus{outline:none;box-shadow:0 0 10px #00ff0080}.generate-btn{background:#0f03;border:1px solid #00ff00;color:#0f0;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}.generate-btn:hover{background:#00ff004d;box-shadow:0 0 10px #00ff004d}.button-group{display:flex;gap:1rem;margin-top:1rem}.primary-btn{background:#0f0;color:#000;border:none;padding:1rem 2rem;cursor:pointer;font-family:inherit;font-weight:700;transition:all .2s;flex:1}.primary-btn:hover{box-shadow:0 0 20px #00ff0080;transform:translateY(-2px)}.secondary-btn{background:#00ff001a;color:#0f0;border:1px solid #00ff00;padding:1rem 2rem;cursor:pointer;font-family:inherit;transition:all .2s;flex:1}.secondary-btn:hover{background:#0f03;box-shadow:0 0 10px #00ff004d}.error-message{color:red;background:#ff00001a;border:1px solid #ff0000;padding:1rem;text-align:center;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.processing-screen{text-align:center;padding:2rem}.processing-text{color:#0f0;font-size:18px;margin-bottom:1rem}.progress-dots span{animation:loading-dots 1.5s infinite;color:#0f0;font-size:24px}.progress-dots span:nth-child(2){animation-delay:.3s}.progress-dots span:nth-child(3){animation-delay:.6s}@keyframes loading-dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.system-status{margin-top:2rem;text-align:center;font-size:12px}.status-line{margin:.5rem 0}.status-ok{color:#0f0}.status-warning{color:#fa0}.terminal-header{border-bottom:2px solid #00ff00;background:#000000e6;position:sticky;top:0;z-index:100}.header-top{display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;background:#0f0;color:#000;font-weight:700}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.nav-buttons{display:flex;gap:1rem}.nav-btn{background:#00ff001a;border:1px solid #00ff00;color:#0f0;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}.nav-btn:hover{background:#0f03;box-shadow:0 0 10px #00ff004d}.nav-btn.active{background:#0f0;color:#000;font-weight:700}.logout-btn{background:#ff00001a;border-color:red;color:red}.logout-btn:hover{background:#f003;box-shadow:0 0 10px #ff00004d}.user-display{color:#0f0;font-size:14px}.command-line{padding:.5rem 2rem;background:#000c;border-top:1px solid #00ff00}.command-form{display:flex;align-items:center;gap:.5rem}.command-prompt{color:#0f0;font-weight:700}.command-input{flex:1;background:transparent;border:none;color:#0f0;font-family:inherit;font-size:14px;outline:none}.terminal-content{min-height:calc(100vh - 200px);padding:2rem}.terminal-footer{background:#0f0;color:#000;padding:.5rem 2rem;text-align:center;font-size:12px;font-weight:700}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:3rem;padding:2rem;border:2px solid #00ff00;background:#00ff000d}.agent-info{margin-bottom:2rem}.agent-title{color:#0f0;font-size:24px;margin-bottom:1rem;text-shadow:0 0 10px #00ff00}.agent-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#888;font-size:12px}.stat-value{color:#0f0;font-size:20px;font-weight:700}.progress-section h3{color:#0f0;margin-bottom:1rem}.section-title{color:#0f0;font-size:20px;margin-bottom:2rem;text-shadow:0 0 10px #00ff00;border-bottom:1px solid #00ff00;padding-bottom:.5rem}.modules-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.module-card{border:2px solid #00ff00;background:#000c;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.module-card:hover{box-shadow:0 0 20px #00ff004d;transform:translateY(-2px)}.module-card.completed{border-color:#0a0;background:#00aa001a}.module-card.locked{border-color:#666;background:#4040401a;opacity:.6}.module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.module-title{color:#0f0;font-size:16px;font-weight:700;flex:1}.module-difficulty{font-size:12px;padding:.25rem .5rem;border:1px solid currentColor;background:#00000080}.module-description{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:1.5rem}.module-footer{display:flex;justify-content:space-between;align-items:center}.module-category{color:#888;font-size:12px}.module-status{font-size:12px;padding:.25rem .5rem;border-radius:3px}.module-status.available{background:#0f03;color:#0f0}.module-status.completed{background:#0a03;color:#0a0}.module-status.locked{background:#80808033;color:#888}.lock-requirement{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:red;padding:.5rem 1rem;border:1px solid #ff0000;font-size:12px;text-align:center}.achievements-section{margin-top:3rem}.achievements-grid{display:flex;gap:1rem;flex-wrap:wrap}.achievement-badge{display:flex;align-items:center;gap:.5rem;background:#00ff001a;border:1px solid #00ff00;padding:.5rem 1rem;font-size:14px}.no-achievements{color:#888;text-align:center;padding:2rem;border:1px dashed #666;width:100%}.progress-bar-container{width:100%}.progress-label{color:#0f0;font-size:14px;margin-bottom:.5rem}.progress-bar{display:flex;align-items:center;gap:1rem}.progress-track{flex:1;height:20px;background:#00000080;border:1px solid #00ff00;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0f0,#0a0);transition:width .5s ease;box-shadow:0 0 10px currentColor}.progress-text{color:#0f0;font-size:14px;min-width:3rem;text-align:right}.learning-module{max-width:1000px;margin:0 auto}.module-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;border:1px solid #00ff00;background:#00ff000d}.back-btn{background:#ff00001a;border:1px solid #ff0000;color:red;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}.back-btn:hover{background:#f003;box-shadow:0 0 10px #ff00004d}.module-progress{display:flex;gap:1rem}.progress-step{padding:.5rem 1rem;border:1px solid #666;color:#666;font-size:12px}.progress-step.active{border-color:#0f0;color:#0f0;background:#00ff001a}.progress-step.completed{border-color:#0a0;color:#0a0;background:#00aa001a}.module-intro{text-align:center;padding:3rem 2rem}.module-header-full{margin-bottom:2rem}.module-title-large{color:#0f0;font-size:32px;margin-bottom:1rem;text-shadow:0 0 20px #00ff00}.module-meta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.difficulty-badge,.category-badge,.completed-badge{padding:.5rem 1rem;border:1px solid currentColor;font-size:12px;background:#00000080}.difficulty-badge{color:#fa0}.category-badge{color:#0af}.completed-badge{color:#0a0}.module-description-full{color:#ccc;font-size:18px;line-height:1.6;margin:2rem 0;max-width:600px;margin-left:auto;margin-right:auto}.module-overview{text-align:left;max-width:500px;margin:2rem auto;padding:2rem;border:2px solid #00ff00;background:#00ff000d}.module-overview h3{color:#0f0;margin-bottom:1rem}.briefing-list{list-style:none;color:#ccc}.briefing-list li{padding:.5rem 0;border-bottom:1px solid #333}.briefing-list li:last-child{border-bottom:none}.action-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.primary-btn.large,.secondary-btn.large{padding:1rem 2rem;font-size:16px;min-width:200px}.module-content{padding:2rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #00ff00}.content-header h2{color:#0f0;font-size:24px}.section-indicator{color:#888;font-size:14px}.video-section{margin-bottom:3rem}.video-section h3{color:#0f0;margin-bottom:1rem}.video-container{width:100%;max-width:800px;margin:0 auto;aspect-ratio:16/9;border:2px solid #00ff00}.training-video{width:100%;height:100%;border:none}.resources-section h3{color:#0f0;margin-bottom:1rem}.resource-links{display:flex;flex-direction:column;gap:1rem}.resource-link{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #00ff00;color:#0f0;text-decoration:none;background:#00ff000d;transition:all .2s}.resource-link:hover{background:#00ff001a;box-shadow:0 0 10px #00ff004d;transform:translate(10px)}.link-icon,.external-icon{font-size:16px}.content-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #333}.quiz-section{padding:2rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #00ff00}.quiz-header h2{color:#0f0;font-size:24px}.question-counter{color:#888;font-size:14px}.question-card{max-width:800px;margin:0 auto;padding:2rem;border:2px solid #00ff00;background:#00ff000d}.question-text{color:#0f0;font-size:20px;line-height:1.6;margin-bottom:2rem;text-align:center}.answer-options{display:flex;flex-direction:column;gap:1rem}.answer-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #00ff00;background:#00000080;color:#0f0;cursor:pointer;font-family:inherit;font-size:16px;text-align:left;transition:all .2s}.answer-option:hover{background:#00ff001a;box-shadow:0 0 10px #00ff004d;transform:translate(10px)}.option-letter{width:30px;height:30px;border:1px solid #00ff00;display:flex;align-items:center;justify-content:center;background:#0f03;font-weight:700}.explanation-section{text-align:center}.answer-result{font-size:24px;font-weight:700;margin-bottom:2rem;padding:1rem;border:2px solid}.answer-result.correct{color:#0f0;border-color:#0f0;background:#00ff001a}.answer-result.incorrect{color:red;border-color:red;background:#ff00001a}.explanation{text-align:left;margin:2rem 0;padding:1.5rem;background:#0000004d;border-left:3px solid #00ff00}.explanation h4{color:#0f0;margin-bottom:1rem}.explanation p{color:#ccc;line-height:1.6}.results-section{text-align:center;padding:3rem 2rem}.results-header h2{color:#0f0;font-size:28px;margin-bottom:2rem;text-shadow:0 0 20px #00ff00}.score-display{margin:3rem 0;padding:2rem;border:3px solid #00ff00;background:#00ff000d;max-width:400px;margin-left:auto;margin-right:auto}.final-score{color:#0f0;font-size:48px;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px #00ff00}.percentage{color:#0f0;font-size:24px;margin-bottom:1rem}.grade{font-size:20px;font-weight:700;padding:.5rem 1rem;border:2px solid;display:inline-block}.grade.elite{color:red;border-color:red;background:#ff00001a}.grade.agent{color:#fa0;border-color:#fa0;background:#ffaa001a}.grade.rookie{color:#0f0;border-color:#0f0;background:#00ff001a}.performance-breakdown{max-width:500px;margin:2rem auto;text-align:left;padding:2rem;border:1px solid #00ff00;background:#00ff000d}.performance-breakdown h3{color:#0f0;margin-bottom:1rem;text-align:center}.breakdown-stats{display:flex;flex-direction:column;gap:.5rem}.stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #333;color:#ccc}.stat-row:last-child{border-bottom:none}.leaderboard{max-width:1200px;margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:3rem}.ascii-title{margin-bottom:1rem}.ascii-title pre{color:#0f0;font-size:12px;line-height:1.2;text-shadow:0 0 10px #00ff00}.leaderboard-subtitle{color:#888;font-size:16px}.user-rank-display{margin-bottom:2rem}.rank-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:2px solid #00ff00;background:#00ff001a;max-width:600px;margin:0 auto}.rank-info{display:flex;flex-direction:column;gap:.5rem}.rank-label{color:#888;font-size:12px}.rank-number{color:#0f0;font-size:24px;font-weight:700}.user-info{display:flex;flex-direction:column;gap:.5rem;text-align:right}.user-handle{color:#0f0;font-size:18px;font-weight:700}.user-score{color:#888;font-size:14px}.leaderboard-table{border:2px solid #00ff00;background:#000c}.table-header{display:grid;grid-template-columns:80px 1fr 60px 80px 100px;gap:1rem;padding:1rem;background:#0f0;color:#000;font-weight:700;text-align:center}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:80px 1fr 60px 80px 100px;gap:1rem;padding:1rem;border-bottom:1px solid #333;transition:all .2s}.table-row:hover{background:#00ff000d}.table-row.current-user{background:#00ff001a;border:1px solid #00ff00}.cell-rank{display:flex;align-items:center;justify-content:center;gap:.5rem}.trophy{font-size:20px}.rank-text{color:#0f0;font-weight:700}.cell-agent{display:flex;align-items:center}.agent-info{display:flex;flex-direction:column;gap:.25rem}.agent-handle{color:#0f0;font-weight:700}.agent-pin{color:#888;font-size:12px}.cell-level,.cell-missions,.cell-score{display:flex;align-items:center;justify-content:center;color:#0f0}.empty-leaderboard{text-align:center;padding:3rem;color:#888}.empty-message{font-size:18px;margin-bottom:1rem}.empty-subtitle{font-size:14px}.leaderboard-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #333;color:#888;font-size:12px}.update-info{margin-bottom:.5rem}@media (max-width: 768px){.terminal-content{padding:1rem}.header-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-buttons{flex-wrap:wrap;justify-content:center}.agent-stats{justify-content:center}.modules-container{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.button-group{flex-direction:column}.table-header,.table-row{grid-template-columns:60px 1fr 50px 60px 80px;gap:.5rem;padding:.5rem}.rank-card{flex-direction:column;gap:1rem;text-align:center}.user-info{text-align:center}}@media (max-width: 480px){.login-container{padding:1rem}.pin-input-container{flex-direction:column;align-items:stretch}.generate-btn{align-self:center}.module-header{flex-direction:column;gap:.5rem}.module-meta{justify-content:flex-start}.module-progress{flex-wrap:wrap;justify-content:center;gap:.5rem}.progress-step{font-size:10px;padding:.25rem .5rem}.answer-options{gap:.5rem}.answer-option{flex-direction:column;gap:.5rem;text-align:center}}.real-badge{background:linear-gradient(135deg,#fffbe6,gold 60%,#fffbe6);border:2px solid #FFD700;box-shadow:0 0 16px 4px #ffd70088,0 2px 8px #b8860b44;border-radius:32px;position:relative;overflow:visible;animation:badge-pop .5s cubic-bezier(.68,-.55,.27,1.55)}.real-badge .badge-svg{display:flex;align-items:center;margin-right:.5rem}.real-badge.big{padding:1.5rem 2.5rem;font-size:2rem;box-shadow:0 0 32px 8px #ffd700cc,0 4px 16px #b8860b88;border-width:3px}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.badge-hurray-overlay{position:fixed;inset:0;z-index:9999;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-hurray-content{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:badge-pop .5s cubic-bezier(.68,-.55,.27,1.55)}.hurray-text{color:gold;font-size:2rem;font-weight:700;text-shadow:0 0 16px #FFD700,0 2px 8px #B8860B;margin-top:1rem;letter-spacing:2px;animation:hurray-bounce 1s}@keyframes hurray-bounce{0%{transform:scale(.7)}60%{transform:scale(1.2)}to{transform:scale(1)}}.badge-hurray-confetti{position:absolute;inset:0;pointer-events:none;z-index:10000}.confetti{position:absolute;width:12px;height:12px;border-radius:50%;opacity:.8;animation:confetti-fall 1.5s linear forwards}.confetti-0{background:gold;left:10%;animation-delay:0s}.confetti-1{background:#ff69b4;left:20%;animation-delay:.1s}.confetti-2{background:#0f0;left:30%;animation-delay:.2s}.confetti-3{background:#00bfff;left:40%;animation-delay:.3s}.confetti-4{background:orange;left:50%;animation-delay:.4s}.confetti-5{background:#fff;left:60%;animation-delay:.5s}@keyframes confetti-fall{0%{top:40%;opacity:1;transform:scale(1) rotate(0)}80%{opacity:1}to{top:100%;opacity:0;transform:scale(.7) rotate(360deg)}}