@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap");.terminal-theme{background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#0ff;font-family:Orbitron,Courier New,monospace;min-height:100vh;overflow-x:hidden;position:relative}.terminal-theme:before{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}#terminal-container{margin:0 auto;max-width:1000px;padding:2rem;position:relative;z-index:2}.terminal-title{animation:glitch 3s infinite;color:#0ff;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:.5rem;text-align:center;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}@keyframes glitch{0%,to{text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff}25%{text-shadow:0 0 5px #f0f,0 0 10px #f0f,0 0 20px #f0f}50%{text-shadow:0 0 5px #ff0,0 0 10px #ff0,0 0 20px #ff0}75%{text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 20px #0f0}}.terminal-subtitle{color:#888;font-weight:400;margin-bottom:2rem;opacity:.8;text-align:center}.init-screen{backdrop-filter:blur(10px);background:rgba(0,0,0,.2);border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:3rem 0;text-align:center}.terminal-logo{animation:pulse 2s infinite;color:#0ff;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.2;margin-bottom:2rem;text-shadow:0 0 10px #0ff;white-space:pre}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.init-info{color:#ccc;margin:2rem 0}.init-info p{font-weight:400;margin:.8rem 0}.warning{animation:blink 2s infinite;color:#f60!important;text-shadow:0 0 5px #f60}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.btn-start{animation:gradient 3s ease infinite;background:linear-gradient(45deg,#0ff,#f0f,#ff0);background-size:300% 300%;border:none;border-radius:8px;box-shadow:0 0 16px rgba(0,255,255,.4);color:#000;cursor:pointer;display:block;font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-left:auto;margin-right:auto;margin-top:1.2rem;max-width:320px;padding:1rem 1.2rem;text-transform:uppercase;touch-action:manipulation;transition:all .3s;width:100%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-start:hover{box-shadow:0 0 30px rgba(0,255,255,.8),0 0 60px rgba(255,0,255,.4);transform:scale(1.05) translateY(-2px)}.terminal-ui{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(26,26,46,.8));border:2px solid;border-image:linear-gradient(45deg,#0ff,#f0f) 1;border-radius:15px;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,0,0,.2);margin:1rem 0;padding:2rem}.progress{color:#fff;margin-bottom:2rem}.progress-fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f06,#ff0,#0ff,#f0f);background-size:300% 100%;border-radius:15px;box-shadow:0 0 15px rgba(0,255,255,.6);height:25px;margin-bottom:.8rem;transition:width .5s ease}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}.question{margin-bottom:2rem}.question h3{color:#0ff;font-size:1.4rem;text-shadow:0 0 10px #0ff}.difficulty,.question h3{font-weight:700;margin-bottom:1rem}.difficulty{color:#f60;font-size:.9rem;letter-spacing:1px;text-shadow:0 0 5px #f60;text-transform:uppercase}.question p{color:#ccc;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.answers{display:flex;flex-direction:column;gap:.8rem}.answer-btn{background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(255,0,255,.05));border:2px solid rgba(0,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-weight:400;overflow:hidden;padding:1.2rem 1.5rem;position:relative;text-align:left;transition:all .3s ease}.answer-btn:before{background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.answer-btn:hover:before{left:100%}.answer-btn:hover{background:linear-gradient(135deg,rgba(0,255,255,.15),rgba(255,0,255,.15));border-color:#0ff;box-shadow:0 0 15px rgba(0,255,255,.5),inset 0 0 15px rgba(0,255,255,.1);transform:translateX(5px)}.question-info{color:#888;font-style:italic;margin-top:1rem;text-align:center}.results{backdrop-filter:blur(15px);background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(26,26,46,.6));border:1px solid rgba(0,255,255,.3);border-radius:20px;padding:2rem;text-align:center}.result-header h2{animation:flicker 2s infinite alternate;color:#0ff;font-size:2.2rem;font-weight:900;margin-bottom:1rem;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}.score{animation:scoreGlow 3s ease-in-out infinite;font-size:3.5rem;font-weight:900;margin:1.5rem 0;text-shadow:0 0 20px currentColor}@keyframes scoreGlow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.level{animation:levelPulse 2s infinite;border-radius:12px;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:1.5rem 0;padding:1.5rem;text-transform:uppercase}@keyframes levelPulse{0%,to{box-shadow:0 0 15px currentColor}50%{box-shadow:0 0 25px currentColor,0 0 35px currentColor}}.level-root{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,255,0,.1));border:2px solid gold;color:gold}.level-admin{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,200,255,.1));border:2px solid #0ff;color:#0ff}.level-user{background:linear-gradient(135deg,hsla(0,0%,100%,.2),rgba(200,200,255,.1));border:2px solid #fff;color:#fff}.level-limited{background:linear-gradient(135deg,rgba(255,165,0,.2),rgba(255,100,0,.1));border:2px solid orange;color:orange}.level-error{background:linear-gradient(135deg,rgba(255,0,102,.2),rgba(255,0,50,.1));border:2px solid #f06;color:#f06}.profile{color:#f0f;font-size:1.4rem;font-weight:700;margin:2rem 0;text-shadow:0 0 10px #f0f}.modules{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,255,.2);border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.modules h4{color:#0ff;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px #0ff}.module-score{align-items:center;background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(26,26,46,.3));border:1px solid rgba(0,255,255,.2);border-radius:8px;display:grid;gap:1rem;grid-template-columns:200px 1fr 80px;margin:1rem 0;padding:1rem;transition:all .3s ease}.module-score:hover{border-color:#0ff;box-shadow:0 0 15px rgba(0,255,255,.3)}.module-name{color:#ccc;font-size:.9rem;font-weight:700}.score-bar{background:#333;height:20px}.score-bar,.score-fill{border-radius:10px;overflow:hidden;position:relative}.score-fill{height:100%;transition:width 1s ease}.score-fill:after{animation:scoreShine 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes scoreShine{0%{left:-100%}to{left:100%}}.score-val{color:#0ff;font-size:1.1rem;font-weight:700;text-align:center;text-shadow:0 0 5px #0ff}.strengths{background:linear-gradient(135deg,rgba(0,255,0,.1),rgba(0,200,0,.05));border:1px solid rgba(0,255,0,.3);border-radius:12px;margin:2rem 0;padding:1.5rem}.strengths h4{color:#0f0;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #0f0}.strength-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.strength-tag{background:linear-gradient(135deg,rgba(0,255,0,.2),rgba(0,200,0,.1));border:1px solid rgba(0,255,0,.4);border-radius:20px;color:#0f0;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-shadow:0 0 5px #0f0}.recommendations{background:linear-gradient(135deg,rgba(255,102,0,.1),rgba(255,150,0,.05));border:1px solid rgba(255,102,0,.3);border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.recommendations h4{color:#f60;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #f60}.recommendation{background:rgba(255,102,0,.1);border-left:4px solid #f60;border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem;transition:all .3s ease}.recommendation:hover{background:rgba(255,102,0,.2);transform:translateX(5px)}.actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary,.btn-tertiary{background:transparent;border:2px solid;border-radius:8px;cursor:pointer;display:inline-block;font-family:Orbitron,monospace;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary{border-color:#0ff;color:#0ff}.btn-secondary{border-color:#f0f;color:#f0f}.btn-tertiary{border-color:#fff;color:#fff}.btn-primary:hover,.btn-secondary:hover,.btn-tertiary:hover{background:hsla(0,0%,100%,.1);box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 0 20px rgba(0,255,255,.5)}.btn-secondary:hover{box-shadow:0 0 20px rgba(255,0,255,.5)}.btn-tertiary:hover{box-shadow:0 0 20px hsla(0,0%,100%,.3)}.error,.loading{font-size:1.5rem;font-weight:700;padding:3rem;text-align:center}.loading{color:#0ff;text-shadow:0 0 10px #0ff}.loading-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:linear-gradient(135deg,rgba(255,0,102,.1),rgba(255,0,50,.05));border:1px solid rgba(255,0,102,.3);border-radius:12px;color:#f06}.error-icon{animation:shake .5s infinite alternate;font-size:3rem;margin-bottom:1rem}@keyframes shake{0%{transform:translateX(-5px)}to{transform:translateX(5px)}}.disclaimer{background:rgba(255,255,0,.1);border:1px solid rgba(255,255,0,.3);border-radius:8px;color:#ff0;font-size:.9rem;line-height:1.5;margin-top:2rem;padding:1rem}@media (max-width:768px){#terminal-container{padding:1rem}.terminal-title{font-size:1.8rem}.score{font-size:2.5rem}.module-score{gap:.8rem;grid-template-columns:1fr;text-align:center}.actions{align-items:center;flex-direction:column}.btn-primary,.btn-secondary,.btn-tertiary{max-width:300px;width:100%}.strength-list{align-items:center;flex-direction:column}}@media (max-width:480px){.btn-start{border-radius:14px;box-shadow:0 0 10px rgba(0,255,255,.2);font-size:1rem;max-width:95vw;padding:.9rem .7rem}}