*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;min-height:100vh;color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.08) 0,transparent 50%);pointer-events:none;z-index:0}.navbar{background:#000;border-bottom:4px solid gold;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 8px 32px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container{max-width:1400px;margin:0 auto;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:16px}.navbar-logo{font-size:2.5rem;animation:rotate 3s linear infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}@keyframes rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.navbar-title{font-size:1.4rem;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4)}to{text-shadow:0 0 20px gold,0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6),0 0 50px rgba(255,215,0,.4)}}.navbar-menu{display:flex;gap:1rem}.navbar-btn{background:transparent;border:2px solid gold;color:gold;padding:8px 18px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:.85rem;letter-spacing:.8px;position:relative;overflow:hidden}.navbar-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s}.navbar-btn:hover:before{left:100%}.navbar-btn:hover{background:gold;color:#000;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.4),inset 0 0 20px hsla(0,0%,100%,.2)}.container{max-width:1200px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 80px);position:relative;z-index:1}.section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:gold;text-transform:uppercase;font-size:.85rem;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,215,0,.5)}.form-group select,.form-input{width:100%;padding:10px 14px;font-size:.95rem;border:2px solid #333;border-radius:8px;background:#0a0a0a;color:#fff;transition:all .3s ease;font-weight:600}.form-group select{cursor:pointer}.form-input{font-family:inherit}.form-group select:focus,.form-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 4px rgba(255,215,0,.2),0 0 30px rgba(255,215,0,.4);background:#111}.form-group select option{background:#0a0a0a;color:#fff;padding:12px}.form-input::placeholder{color:#555}.btn{padding:12px 24px;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-weight:800;width:100%;margin-top:8px;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e 50%,gold);background-size:200% 200%;color:#000;box-shadow:0 8px 30px rgba(255,215,0,.5),0 0 60px rgba(255,215,0,.3),inset 0 2px 10px hsla(0,0%,100%,.3);animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-primary:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px rgba(255,215,0,.7),0 0 80px rgba(255,215,0,.5),inset 0 2px 15px hsla(0,0%,100%,.4)}.btn-secondary{background:#0a0a0a;color:gold;border:3px solid gold;box-shadow:0 0 20px rgba(255,215,0,.3),inset 0 0 20px rgba(255,215,0,.1)}.btn-secondary:hover:not(:disabled){background:gold;color:#000;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px rgba(255,215,0,.7),0 0 80px rgba(255,215,0,.5)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.button-group{display:flex;gap:12px;margin-top:12px}.button-group .btn{flex:1 1;margin-top:0}.question-panel{background:linear-gradient(135deg,#0a0a0a,#000);padding:20px 24px;border-radius:12px;margin-bottom:20px;border:2px solid gold;box-shadow:0 8px 30px rgba(0,0,0,.8),0 0 40px rgba(255,215,0,.3),inset 0 0 20px rgba(255,215,0,.05);position:relative;overflow:visible}.question-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none;z-index:0;overflow:hidden;-webkit-clip-path:inset(0);clip-path:inset(0)}.question-panel h2{color:gold;margin-bottom:12px;font-size:1.3em;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6);position:relative;z-index:1}.question-text{font-size:1.05em;line-height:1.6;color:#fff;padding:16px 18px;background:#000;border-radius:8px;border-left:4px solid gold;min-height:60px;box-shadow:inset 0 0 20px rgba(255,215,0,.1),0 0 15px rgba(255,215,0,.2);position:relative;z-index:1;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;max-width:100%}.answer-panel{margin-bottom:20px}.answer-panel h3{margin-bottom:12px;color:gold;font-size:1.2em;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 0 10px rgba(255,215,0,.6)}#answer-input{width:100%;padding:12px 14px;font-size:.95rem;border:2px solid #333;border-radius:8px;font-family:inherit;resize:vertical;margin-bottom:12px;background:#0a0a0a;color:#fff;transition:all .3s ease}#answer-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 4px rgba(255,215,0,.2),0 0 40px rgba(255,215,0,.4);background:#111}#answer-input::placeholder{color:#555}.evaluation-panel{background:linear-gradient(135deg,#1a1a00,#0a0a00);padding:18px 20px;border-radius:10px;border:2px solid gold;margin-bottom:16px;box-shadow:0 8px 30px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.2),inset 0 0 40px rgba(255,215,0,.1);position:relative;overflow:hidden}.evaluation-panel:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.evaluation-panel h3{margin-bottom:12px;color:gold;text-transform:uppercase;letter-spacing:1.2px;font-size:1.1em;text-shadow:0 0 10px rgba(255,215,0,.8);position:relative;z-index:1}.score-display{margin-bottom:16px;font-size:1.2em;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.score-label{font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.score-value{font-size:2em;font-weight:900;margin-right:6px;text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}.score-high{color:gold}.score-medium{color:#fa0}.score-low{color:#f66}.score-max{color:#666}.eval-section{margin-top:14px;position:relative;z-index:1}.eval-section strong{display:block;margin-bottom:8px;color:gold;text-transform:uppercase;font-size:.85rem;letter-spacing:1.2px;text-shadow:0 0 8px rgba(255,215,0,.6)}.eval-section ul{list-style:none;padding-left:0;margin-top:10px}.eval-section li{padding:6px 0 6px 20px;position:relative;color:#fff;transition:all .3s ease;font-size:.9rem}.eval-section li:hover{transform:translateX(5px);color:gold}.eval-section li:before{content:"▶";position:absolute;left:0;color:gold;font-size:.9em;text-shadow:0 0 8px rgba(255,215,0,.8)}.transcript-panel{background:linear-gradient(135deg,#0a0a0a,#000);padding:20px 24px;border-radius:12px;margin-bottom:20px;border:2px solid #333;box-shadow:0 10px 40px rgba(0,0,0,.8)}.transcript-panel h3{margin-bottom:12px;color:gold;text-transform:uppercase;letter-spacing:1.2px;font-size:1.1em;text-shadow:0 0 10px rgba(255,215,0,.6);font-size:1.4em}.transcript{max-height:550px;overflow-y:auto;background:#000;padding:28px;border-radius:12px;line-height:1.9;border:2px solid #222}.transcript::-webkit-scrollbar{width:12px}.transcript::-webkit-scrollbar-track{background:#0a0a0a;border-radius:6px}.transcript::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#fa0);border-radius:6px;box-shadow:0 0 10px rgba(255,215,0,.6)}.transcript::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffed4e,gold)}.transcript-item{margin-bottom:14px;padding:14px 16px;background:#0a0a0a;border-radius:8px;border-left:3px solid #333;transition:all .4s ease}.transcript-item:hover{background:#111;border-left-color:gold;transform:translateX(5px);box-shadow:0 4px 20px rgba(255,215,0,.2)}.transcript-item.interviewer{border-left-color:gold;box-shadow:0 0 20px rgba(255,215,0,.1)}.transcript-item.candidate{border-left-color:#fa0;margin-left:24px;box-shadow:0 0 20px rgba(255,170,0,.1)}.transcript-speaker{font-weight:800;margin-bottom:10px;color:gold;text-transform:uppercase;font-size:.9rem;letter-spacing:1.5px;text-shadow:0 0 8px rgba(255,215,0,.6)}.transcript-item.candidate .transcript-speaker{color:#fa0;text-shadow:0 0 8px rgba(255,170,0,.6)}.transcript-text{color:#fff;white-space:pre-wrap;word-wrap:break-word;font-size:1.05em}.results-content{background:linear-gradient(135deg,#0a0a0a,#000);padding:50px;border-radius:16px;margin:30px 0;text-align:left;border:3px solid gold;box-shadow:0 10px 50px rgba(0,0,0,.9),0 0 80px rgba(255,215,0,.4),inset 0 0 50px rgba(255,215,0,.1)}.final-score{text-align:center;margin-bottom:50px;padding:40px;background:linear-gradient(135deg,#000,#1a1a00);border-radius:16px;border:4px solid gold;box-shadow:0 0 60px rgba(255,215,0,.6),inset 0 0 40px rgba(255,215,0,.1);position:relative;overflow:hidden}.final-score:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0,transparent 70%);animation:rotate 15s linear infinite}.final-score h3{font-size:4em;color:gold;text-transform:uppercase;letter-spacing:4px;font-weight:900;text-shadow:0 0 20px gold,0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6);position:relative;z-index:1;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:0 0 20px gold,0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6)}50%{text-shadow:0 0 30px gold,0 0 60px gold,0 0 90px rgba(255,215,0,.8)}}.next-steps-section,.rubric-section,.summary-section{margin:35px 0}.next-steps-section h4,.rubric-section h4,.summary-section h4{color:gold;margin-bottom:20px;font-size:1.5em;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.6)}.summary-section p{line-height:2;color:#fff;font-size:1.15em}.next-steps-list,.rubric-list{list-style:none;padding-left:0}.rubric-list li{padding:20px;margin:16px 0;background:#000;border-radius:10px;border-left:5px solid gold;color:#fff;transition:all .3s ease;box-shadow:0 0 20px rgba(255,215,0,.1)}.rubric-list li:hover{transform:translateX(8px);border-left-width:8px;box-shadow:0 0 30px rgba(255,215,0,.3)}.rubric-note{margin-top:10px;font-size:1em;color:#aaa;font-style:italic}.next-steps-list li{padding:18px;margin:12px 0;background:linear-gradient(135deg,#1a1a00,#0a0a00);border-radius:10px;border-left:5px solid gold;color:#fff;transition:all .3s ease;box-shadow:0 0 20px rgba(255,215,0,.1)}.next-steps-list li:hover{transform:translateX(8px);background:linear-gradient(135deg,#2a2a00,#1a1a00);box-shadow:0 0 30px rgba(255,215,0,.3)}.voice-recording-controls{margin-bottom:28px;padding:24px;background:linear-gradient(135deg,#0a0a0a,#000);border-radius:12px;border:3px dashed gold;box-shadow:0 0 30px rgba(255,215,0,.2),inset 0 0 30px rgba(255,215,0,.05)}.btn-voice{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:10px 20px;font-size:.9rem;border:none;border-radius:8px;cursor:pointer;transition:all .4s ease;font-weight:800;width:100%;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 6px 25px rgba(255,215,0,.5),0 0 50px rgba(255,215,0,.3)}.btn-voice:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-4px) scale(1.02);box-shadow:0 10px 35px rgba(255,215,0,.7),0 0 70px rgba(255,215,0,.5)}.btn-voice-stop{background:linear-gradient(135deg,#f33,#f66);color:#fff;padding:10px 18px;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;transition:all .4s ease;font-weight:800;text-transform:uppercase;box-shadow:0 4px 20px rgba(255,51,51,.5)}.btn-voice-stop:hover:not(:disabled){background:linear-gradient(135deg,#f66,#f33);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(255,51,51,.7),0 0 50px rgba(255,51,51,.4)}.btn-voice-pause,.btn-voice-resume{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:10px 18px;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;transition:all .4s ease;font-weight:800;text-transform:uppercase;box-shadow:0 4px 20px rgba(255,215,0,.5)}.btn-voice-pause:hover:not(:disabled),.btn-voice-resume:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(255,215,0,.7),0 0 50px rgba(255,215,0,.4)}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;padding:18px;background:#000;border-radius:10px;border:3px solid gold;box-shadow:0 0 30px rgba(255,215,0,.4),inset 0 0 20px rgba(255,215,0,.1)}.recording-indicator.paused{background:#1a1a00;border-color:#fa0;box-shadow:0 0 30px rgba(255,170,0,.4),inset 0 0 20px rgba(255,170,0,.1)}.recording-dot{width:16px;height:16px;background:#f33;border-radius:50%;animation:pulse 1.2s ease-in-out infinite;box-shadow:0 0 15px rgba(255,51,51,.8),0 0 30px rgba(255,51,51,.6)}.recording-indicator.paused .recording-dot{background:gold;animation:none;box-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.6)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.recording-time{font-weight:800;color:gold;font-size:1.3em;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.8)}.recording-buttons{display:flex;gap:14px;justify-content:center}.input-divider{text-align:center;margin:24px 0;position:relative}.input-divider:after,.input-divider:before{content:"";position:absolute;top:50%;width:43%;height:3px;background:linear-gradient(90deg,transparent,gold,transparent);box-shadow:0 0 10px rgba(255,215,0,.5)}.input-divider:before{left:0}.input-divider:after{right:0}.input-divider span{background:#000;padding:0 24px;color:gold;font-size:.95em;position:relative;text-transform:uppercase;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.6)}.error-message{color:#f66;background:linear-gradient(135deg,#1a0000,#0a0000);padding:20px;border-radius:10px;margin-top:20px;border:3px solid #f33;box-shadow:0 0 30px rgba(255,51,51,.5),inset 0 0 20px rgba(255,51,51,.1);animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}footer{background:#000;padding:30px;text-align:center;color:#666;font-size:1em;border-top:3px solid gold;margin-top:50px;box-shadow:0 -4px 20px rgba(255,215,0,.3)}footer p{color:gold;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.6)}@media (max-width:768px){.navbar-container{padding:1rem}.navbar-title{font-size:1.3rem}.container{padding:1.5rem 1rem}.button-group{flex-direction:column}.transcript-item.candidate{margin-left:0}.question-panel,.results-content,.transcript-panel{padding:24px}.final-score h3{font-size:2.5em}}