@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg: #030014;--surface: rgba(10, 10, 25, .45);--surface-hover: rgba(20, 20, 40, .6);--primary: #4F46E5;--primary-hover: #6366F1;--primary-active: #4338CA;--text: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--border: rgba(255, 255, 255, .1);--border-focus: #818CF8;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4);--radius: 16px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--trans-fast: .15s cubic-bezier(.4, 0, .2, 1);--trans-base: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(236,72,153,.15) 0px,transparent 50%);background-attachment:fixed;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;animation:bg-pulse 15s ease-in-out infinite alternate}@keyframes bg-pulse{0%{background-position:0% 0%}to{background-position:100% 100%}}.page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;position:relative}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:100%;position:relative;z-index:10;transition:transform var(--trans-base),box-shadow var(--trans-base)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff3,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #4f46e526}.form-container{max-width:440px;padding:2.5rem}.exam-container{max-width:1000px;padding:4rem}.title{font-size:1.875rem;font-weight:700;color:#fff;letter-spacing:-.025em;margin-bottom:.5rem}.subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.input-group{margin-bottom:1.5rem}.input-field{width:100%;padding:.85rem 1.2rem;background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);font-family:inherit;font-size:1rem;transition:all var(--trans-base);outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input-field:focus{border-color:var(--border-focus);background-color:#0006;box-shadow:0 0 0 4px #6366f126;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--trans-base);width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 15px #4f46e54d}.btn:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#fff3;transform:rotate(35deg);transition:all .5s ease}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #4f46e580}.btn:hover:not(:disabled):after{left:120%}.btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #4f46e54d}.btn:disabled{background:var(--surface-hover);color:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.7}.option-card{background:#14141e80;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all var(--trans-base);width:100%;text-align:left;display:flex;align-items:center;gap:1rem;color:var(--text);font-size:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.option-card:hover{background:#28283c99;border-color:#fff3;transform:translate(4px)}.option-card.selected{background:linear-gradient(135deg,#4f46e533,#8b5cf633);border-color:var(--primary);box-shadow:0 0 15px #4f46e54d;transform:translate(8px)}.progress-bar-container{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--border);border-radius:8px 8px 0 0}.progress-bar-fill{height:100%;background:var(--primary);transition:width .3s ease}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-anim{animation:fadeInSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}.stagger-1{animation-delay:.1s;opacity:0}.stagger-2{animation-delay:.2s;opacity:0}.stagger-3{animation-delay:.3s;opacity:0}.stagger-4{animation-delay:.4s;opacity:0}.text-primary{color:var(--primary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.splash-container{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg);display:flex;justify-content:center;align-items:center;z-index:1000}.splash-text-reveal{display:flex;font-size:3.5rem;font-weight:800;color:var(--primary);letter-spacing:-.05em;perspective:1000px}.splash-text-reveal span{display:inline-block;opacity:0;transform:rotateX(-90deg) translateY(30px) translateZ(50px);filter:blur(10px);animation:professionalReveal 1.2s cubic-bezier(.2,1,.3,1) forwards}@keyframes professionalReveal{0%{opacity:0;transform:rotateX(-90deg) translateY(30px) translateZ(50px);filter:blur(10px)}30%{opacity:1;filter:blur(0)}to{opacity:1;transform:rotateX(0) translateY(0) translateZ(0);filter:blur(0);letter-spacing:.15em}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hr-avatar-container{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1)}.hr-character{position:relative;width:320px;height:360px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.hr-image{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:drop-shadow(0 10px 30px rgba(37,99,235,.15));transition:filter .3s ease}.hr-avatar-container.idle .hr-character{animation:subtleIdle 4s ease-in-out infinite}.hr-avatar-container.speaking .hr-image{filter:drop-shadow(0 10px 40px rgba(37,99,235,.3))}.hr-avatar-container.waiting .hr-character{animation:subtleIdle 3s ease-in-out infinite}@keyframes subtleIdle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(.5deg) translateY(-2px)}75%{transform:rotate(-.5deg) translateY(2px)}}.hr-mouth{position:absolute;bottom:32%;left:50%;transform:translate(-50%);width:120px;height:50px;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:10}.hr-mouth.talking{opacity:1}.mouth-shape{width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(20,10,10,.9) 0%,rgba(60,30,30,.7) 30%,rgba(100,50,50,.4) 60%,transparent 80%);border-radius:50%;animation:naturalTalk .22s ease-in-out infinite;box-shadow:0 0 15px #00000080,inset 0 0 10px #0000004d}@keyframes naturalTalk{0%,to{transform:scaleY(.4) scaleX(1.3);opacity:.85}50%{transform:scaleY(1.8) scaleX(.75);opacity:1}}.hr-eyes{position:absolute;top:35%;left:50%;transform:translate(-50%);width:140px;height:50px;display:flex;justify-content:space-between;pointer-events:none}.eye-left,.eye-right{width:45px;height:35px;background:transparent;border-radius:50%;position:relative;transition:all .08s ease}.hr-eyes.blinking .eye-left,.hr-eyes.blinking .eye-right{height:3px;background:#0000004d;border-radius:50%}.speech-indicator{position:absolute;right:-70px;top:35%;display:flex;gap:10px;align-items:center}.wave{width:5px;height:25px;background:linear-gradient(180deg,var(--primary) 0%,rgba(37,99,235,.6) 100%);border-radius:3px;animation:professionalWave .9s ease-in-out infinite}.wave-2{animation-delay:.15s;height:35px}.wave-3{animation-delay:.3s;height:30px}@keyframes professionalWave{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1);opacity:1}}.hr-status{margin-top:1.25rem;text-align:center;font-size:.875rem;font-weight:600}.status-text{display:inline-block;padding:.6rem 1.25rem;border-radius:24px;background:#2563eb14;border:1px solid var(--primary);color:var(--primary);animation:professionalPulse 2.5s ease-in-out infinite;transition:all .3s ease}.status-text.speaking{background:#2563eb26;border-width:2px;animation:professionalPulse .9s ease-in-out infinite;box-shadow:0 0 15px #2563eb33}.status-text.waiting{background:#f59e0b14;border-color:var(--warning);color:var(--warning);animation:professionalPulse 1.5s ease-in-out infinite}.status-text.idle{background:#10b98114;border-color:var(--success);color:var(--success);animation:none}@keyframes professionalPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media(max-width:1400px){.hr-avatar-container{left:1rem;transform:translateY(-50%) scale(.85)}}@media(max-width:1200px){.hr-avatar-container{display:none}}.avatar-3d-container{position:fixed;left:2rem;top:50%;transform:translateY(-50%);width:400px;height:550px;z-index:100;border-radius:12px;overflow:hidden;background:url(/assets/office-bg-NhqtkWGE.jpg) no-repeat center center;background-size:cover;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.15)}.avatar-3d-container:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:5}.interviewer-name{position:absolute;bottom:1.5rem;left:1.5rem;z-index:20;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-family:Inter,sans-serif;animation:fadeIn 1s ease-out}.interviewer-name h3{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.interviewer-name span{font-size:.8rem;opacity:.9;font-weight:400;background:#00000080;padding:2px 8px;border-radius:4px}.live-indicator{position:absolute;top:1.5rem;right:1.5rem;background:#dc2626e6;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;z-index:20;box-shadow:0 2px 5px #0000004d;display:flex;align-items:center;gap:6px}.live-indicator:before{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.avatar-3d-container canvas{display:block;position:relative;z-index:10}.avatar-3d-status{position:absolute;bottom:1.5rem;right:1.5rem;left:auto;transform:none;text-align:right;z-index:20}.avatar-3d-status .status-text{display:inline-block;padding:.5rem 1rem;border-radius:8px;background:#ffffffe6;border:none;color:#1a1a1a;box-shadow:0 4px 6px #0000001a;font-weight:600;font-size:.8rem}.avatar-3d-status .status-text.speaking{background:#fffffff2;color:var(--primary);border-left:4px solid var(--primary)}@media(max-width:1400px){.avatar-3d-container{left:1rem;width:300px;height:420px}}@media(max-width:1200px){.avatar-3d-container{display:none}}.avatar-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.avatar-loading .spinner{width:50px;height:50px;border:4px solid rgba(37,99,235,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.avatar-loading p{font-size:.875rem;opacity:.8}.page-container.split-layout{display:grid;grid-template-columns:45% 55%;height:100vh;width:100vw;overflow:hidden;background:#000;max-width:none;padding:0;margin:0}.avatar-section{position:relative;width:100%;height:100%;background:#0f172a;border-right:1px solid #333;overflow:hidden}.page-container.split-layout .panel.exam-container{height:100%;border-radius:0;margin:0;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:4rem;overflow-y:auto;background:#0f172a}.video-avatar-container{width:100%;height:100%;position:relative;background:#000}.avatar-video{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.live-indicator{position:absolute;top:2rem;left:2rem;background:#dc2626e6;color:#fff;padding:6px 14px;border-radius:4px;font-weight:700;font-size:.8rem;display:flex;align-items:center;gap:8px;z-index:20;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 6px #0000004d}.live-indicator:before{content:"";width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1.5s infinite}.interviewer-name-tag{position:absolute;bottom:2rem;left:2rem;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.9);z-index:20;background:linear-gradient(90deg,#000000b3,#0000);padding:1rem 3rem 1rem 1rem;border-left:4px solid var(--primary)}.interviewer-name-tag .name{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;line-height:1.2}.interviewer-name-tag .role{font-size:1rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.avatar-status-overlay{position:absolute;top:2rem;right:2rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.5rem 1.25rem;border-radius:30px;font-size:.85rem;font-weight:600;z-index:20;border:1px solid rgba(255,255,255,.1)}@media(max-width:1024px){.page-container.split-layout{grid-template-columns:1fr;grid-template-rows:40vh 60vh}.page-container.split-layout .panel.exam-container{padding:2rem}.interviewer-name-tag .name{font-size:1.25rem}}.interview-video-container{position:relative;width:100%;height:100%;min-height:500px;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0003;background:#0a0a0b}.interview-video{width:100%;height:100%;object-fit:cover;object-position:top center;background:#111}.audio-only-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#111}.video-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:8px 12px;font-size:12px;font-weight:500;text-align:center}.timer-container{position:absolute;top:32px;right:32px;z-index:1000;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);padding:16px 24px;border-radius:16px;box-shadow:var(--shadow-glass);display:flex;align-items:center;gap:16px;transition:all .3s ease}.timer-container:hover{transform:translateY(-2px);box-shadow:0 12px 48px #0003}.timer-circle{position:relative;width:60px;height:60px}.timer-bg{fill:none;stroke:#ffffff1a;stroke-width:6}.timer-progress{fill:none;stroke:url(#timer-gradient);stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .3s ease}.timer-container.warning .timer-progress{stroke:#f44336;animation:pulse-ring 1s ease-in-out infinite}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;color:var(--text)}.timer-container.warning .timer-text{background:#f44336;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-text 1s ease-in-out infinite}.timer-info{display:flex;flex-direction:column;gap:4px}.timer-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.timer-value{font-size:18px;font-weight:700;color:var(--text)}.timer-container.warning .timer-value{background:linear-gradient(135deg,#f44336,#d32f2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-container.warning .timer-label{color:#f44336}@keyframes pulse-ring{0%,to{opacity:1;transform:rotate(-90deg) scale(1)}50%{opacity:.8;transform:rotate(-90deg) scale(1.08)}}@keyframes pulse-text{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.9}}.extend-time-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:12px;padding:8px 14px;cursor:pointer;color:#fff;font-family:inherit;box-shadow:0 4px 14px #4f46e566;transition:transform .18s ease,box-shadow .18s ease;min-width:78px;position:relative;overflow:hidden}.extend-time-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#fff3;transform:rotate(35deg);transition:all .5s ease}.extend-time-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 22px #4f46e58c}.extend-time-btn:hover:after{left:120%}.extend-time-btn:active{transform:translateY(0) scale(.97);box-shadow:0 2px 8px #4f46e54d}.extend-icon{font-size:18px;line-height:1}.extend-label{font-size:13px;font-weight:700;letter-spacing:.4px}.extend-badge{font-size:10px;font-weight:600;background:#ffffff47;border-radius:20px;padding:1px 7px;letter-spacing:.5px}.extend-exhausted{display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 14px;min-width:78px;opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.extend-label-disabled{font-size:11px;font-weight:600;color:#718096;text-align:center}@media(max-width:768px){.timer-container{top:16px;right:16px;padding:12px 16px;gap:12px;flex-wrap:wrap}.timer-circle{width:50px;height:50px}.timer-text{font-size:18px}.timer-value{font-size:16px}.extend-time-btn,.extend-exhausted{min-width:62px;padding:6px 10px}}.interview-page{height:100vh;width:100vw;padding:0;display:block;position:relative;overflow:hidden}.interview-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(400px,35%) 1fr;gap:48px;max-width:none;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:none;border-radius:0;padding:5vh 5vw}.main-area{display:flex;flex-direction:column;justify-content:center;gap:24px;transition:opacity .3s ease;height:100%}.main-area.faded{opacity:.3;pointer-events:none}.question-header h2{font-size:24px;color:#667eea;margin:0;font-weight:600}.lang-toggle-btn{padding:10px 22px;border:1px solid rgba(139,92,246,.5);border-radius:50px;background:linear-gradient(135deg,#4f46e526,#8b5cf626);cursor:pointer;font-size:15px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #8b5cf633,inset 0 1px #ffffff1a}.lang-toggle-btn:hover{background:linear-gradient(135deg,#4f46e54d,#8b5cf64d);border-color:#8b5cf6cc;box-shadow:0 8px 25px #8b5cf666,inset 0 1px #fff3;transform:translateY(-2px) scale(1.02)}.question-text{font-size:20px;color:var(--text);line-height:1.6;padding:24px;background:#0003;border-radius:12px;border-left:4px solid var(--primary);min-height:80px}.options-container{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff0d;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:16px;text-align:left;color:var(--text)}.option-button:hover:not(.disabled){border-color:var(--primary);background:#4f46e51a;transform:translate(4px)}.option-button.selected{border-color:var(--primary);background:linear-gradient(135deg,#4f46e533,#8b5cf633);box-shadow:0 4px 12px #4f46e533}.option-button.disabled{opacity:.5;cursor:not-allowed}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-weight:600;flex-shrink:0}.option-button.selected .option-letter{background:var(--primary-active)}.option-text{flex:1;color:var(--text)}.controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-top:12px}.next-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--trans-base);box-shadow:0 4px 15px #4f46e54d;position:relative;overflow:hidden}.next-button:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#fff3;transform:rotate(35deg);transition:all .5s ease}.next-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #4f46e580}.next-button:hover:not(:disabled):after{left:120%}.next-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #4f46e54d}.next-button:disabled{background:var(--surface-hover);color:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.7}.hint{font-size:14px;color:#718096;font-style:italic;margin:0}.video-area{display:flex;flex-direction:column;justify-content:stretch;width:100%;height:100%;min-height:500px}.loading,.error{text-align:center;padding:48px;font-size:18px;color:#fff}.error{color:#fc8181}@media(max-width:1024px){.interview-content{grid-template-columns:1fr;gap:24px}.video-area{order:-1;align-items:center}}.result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#1a1040,#0d0d1a 70%);padding:2rem 1rem;font-family:Inter,Segoe UI,sans-serif}.result-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem 2rem;max-width:480px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(28px) scale(.97);transition:opacity .55s ease,transform .55s ease}.result-card--in{opacity:1;transform:translateY(0) scale(1)}.result-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.result-emoji{font-size:3rem;animation:popIn .4s .3s both cubic-bezier(.36,2,.64,1)}.result-grade{font-size:5rem;font-weight:900;line-height:1;animation:popIn .5s .45s both cubic-bezier(.36,2,.64,1)}.result-grade-label{font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.85;animation:fadeSlideUp .4s .6s both ease}.result-score-circle{position:relative;width:130px;height:130px;margin:1.25rem 0 .5rem;animation:fadeSlideUp .4s .7s both ease}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring__bg{fill:none;stroke:#ffffff14;stroke-width:9}.score-ring__fill{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:0 327;transition:stroke-dasharray 1.2s .9s cubic-bezier(.4,0,.2,1)}.score-ring__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px}.score-ring__number{font-size:2.2rem;font-weight:800;color:#fff;line-height:1}.score-ring__pct{font-size:1rem;font-weight:600;color:#fff9;align-self:flex-end;padding-bottom:4px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.75rem;animation:fadeSlideUp .4s .8s both ease}.stat-pill{border-radius:12px;padding:.75rem .5rem;text-align:center;display:flex;flex-direction:column;gap:.2rem}.stat-pill--correct{background:#22c55e1f;border:1px solid rgba(34,197,94,.25)}.stat-pill--wrong{background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.stat-pill--skip{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.stat-pill--total{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25)}.stat-pill__num{font-size:1.6rem;font-weight:800;color:#fff;line-height:1}.stat-pill__lbl{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#ffffff8c}.result-message{color:#ffffffb8;font-size:.95rem;line-height:1.6;text-align:center;margin-bottom:2rem;animation:fadeSlideUp .4s .9s both ease}.result-actions{display:flex;flex-direction:column;gap:.85rem;animation:fadeSlideUp .4s 1s both ease}.c-options-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;text-align:center;margin-bottom:.25rem}.result-btn{width:100%;padding:.95rem 1.5rem;border-radius:12px;border:none;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .15s ease;letter-spacing:.02em}.result-btn:hover{transform:translateY(-2px);opacity:.92}.result-btn:active{transform:translateY(0);opacity:1}.result-btn--primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 4px 18px #7c3aed66}.result-btn--primary:hover{box-shadow:0 6px 24px #7c3aed99}.result-btn--warning{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 4px 18px #f59e0b59}.result-btn--ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff9}.result-btn--ghost:hover{background:#ffffff1a;color:#fff}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.result-card{padding:1.75rem 1.25rem}.result-grade{font-size:4rem}.result-stats{grid-template-columns:repeat(2,1fr)}}:root{--nr-bg: #080c14;--nr-surface: rgba(255, 255, 255, .04);--nr-border: rgba(255, 255, 255, .09);--nr-gold: #f59e0b;--nr-gold-glow: rgba(245, 158, 11, .35);--nr-blue: #3b82f6;--nr-blue-glow: rgba(59, 130, 246, .35);--nr-green: #22c55e;--nr-red: #ef4444;--nr-text: #f1f5f9;--nr-muted: rgba(241, 245, 249, .5);--nr-radius: 20px;--nr-font: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.nr-page{font-family:var(--nr-font);background:var(--bg-dark);height:100vh;width:100vw;color:var(--nr-text);display:flex;flex-direction:column;overflow:hidden;position:relative}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;animation:orb-float 12s infinite alternate ease-in-out;pointer-events:none}.orb-1{width:600px;height:600px;background:var(--primary);top:-100px;left:-100px;opacity:.35}.orb-2{width:700px;height:700px;background:#9333ea;bottom:-150px;right:-100px;opacity:.3;animation-delay:-5s}.orb-3{width:450px;height:450px;background:#3b82f6;top:30%;left:40%;opacity:.2;animation-duration:18s}@keyframes orb-float{0%{transform:translate(0) scale(1)}to{transform:translate(80px,80px) scale(1.1)}}.nr-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:#ffffff08;border-bottom:1px solid var(--nr-border);position:relative;z-index:10}.nr-header-left{display:flex;align-items:center;gap:14px}.nr-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700;font-size:.8rem;padding:6px 14px;border-radius:50px;letter-spacing:.02em}.nr-lang-tag{font-size:.85rem;color:var(--nr-muted);font-weight:500;background:var(--nr-surface);border:1px solid var(--nr-border);padding:5px 12px;border-radius:50px}.nr-header-right{display:flex;align-items:center;gap:12px}.nr-progress-text{font-size:.85rem;font-weight:600;color:var(--nr-gold)}.nr-progress-bar{height:4px;background:#ffffff12;position:relative;z-index:10}.nr-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:0 2px 2px 0;transition:width .5s ease}.nr-main{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:2vh 8vw;position:relative;z-index:5;gap:3vh;max-width:1400px;margin:0 auto;width:100%;height:100%}.nr-question-card{background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:var(--nr-radius);padding:32px 36px;width:100%;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nr-question-number{font-size:.75rem;font-weight:700;color:var(--nr-gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.nr-question-text{font-size:1.2rem;font-weight:600;line-height:1.65;color:var(--nr-text)}.nr-replay-btn{margin-top:18px;font-size:.82rem;opacity:.7}.nr-replay-btn:hover{opacity:1}.nr-answer-area{background:var(--nr-surface);border:1px solid var(--nr-border);border-radius:var(--nr-radius);padding:24px 28px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nr-answer-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--nr-muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.nr-recording-badge{display:flex;align-items:center;gap:8px;color:var(--nr-red);animation:pulse-label 1.4s ease-in-out infinite}@keyframes pulse-label{0%,to{opacity:1}50%{opacity:.6}}.nr-pulse{width:10px;height:10px;background:var(--nr-red);border-radius:50%;animation:pulse-ring 1s ease-in-out infinite;flex-shrink:0}@keyframes pulse-ring{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.nr-transcript-box{min-height:130px;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px 20px;font-size:1rem;line-height:1.65;color:var(--nr-text);transition:border-color .3s;margin-bottom:20px}.nr-transcript-box--active{border-color:var(--nr-red);box-shadow:0 0 20px #ef444426}.nr-transcript-placeholder{color:var(--nr-muted);font-style:italic}.nr-interim{color:#f1f5f966}.nr-audio-visual{min-height:90px;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:border-color .3s}.nr-audio-visual--active{border-color:var(--nr-red);box-shadow:0 0 20px #ef444426}.nr-waveform{display:flex;align-items:center;gap:4px;height:48px}.nr-bar{display:inline-block;width:4px;border-radius:4px;background:var(--nr-red);animation:wave .9s ease-in-out infinite alternate}@keyframes wave{0%{height:6px;opacity:.5}to{height:40px;opacity:1}}.nr-recorded-indicator{color:var(--nr-green);font-size:1rem;font-weight:600}.nr-audio-placeholder{color:var(--nr-muted);font-style:italic;font-size:.95rem;text-align:center;padding:0 20px}.nr-controls{display:flex;gap:12px;flex-wrap:wrap}.nr-btn{font-family:var(--nr-font);font-weight:600;font-size:.9rem;border:none;border-radius:12px;cursor:pointer;padding:12px 22px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.nr-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#fff3;transform:rotate(35deg);transition:all .5s ease}.nr-btn:disabled{opacity:.45;cursor:not-allowed}.nr-btn:not(:disabled):hover{transform:translateY(-2px)}.nr-btn:not(:disabled):hover:after{left:120%}.nr-btn:not(:disabled):active{transform:translateY(0)}.nr-btn--record{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef444459}.nr-btn--stop{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.nr-btn--clear{background:var(--nr-surface);color:var(--nr-muted);border:1px solid var(--nr-border)}.nr-btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 20px #4f46e559}.nr-btn--submit{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px #22c55e59}.nr-btn--ghost{background:linear-gradient(135deg,#4f46e526,#8b5cf626);color:#fff;font-weight:700;border:1px solid rgba(139,92,246,.5);font-size:.9rem;padding:10px 22px;box-shadow:0 4px 15px #8b5cf633,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.nr-btn--ghost:hover{background:linear-gradient(135deg,#4f46e54d,#8b5cf64d);border-color:#8b5cf6cc;box-shadow:0 8px 25px #8b5cf666,inset 0 1px #fff3;transform:translateY(-2px) scale(1.02)}.nr-btn--large{padding:16px 36px;font-size:1rem;border-radius:14px}.nr-nav{width:100%;display:flex;justify-content:flex-end}.nr-dots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.nr-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:all .3s}.nr-dot--active{background:var(--nr-gold);box-shadow:0 0 10px var(--nr-gold-glow);transform:scale(1.3)}.nr-dot--done{background:var(--nr-green)}.nr-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nr-bg);color:var(--nr-muted);font-family:var(--nr-font);gap:22px}.nr-spinner{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--nr-gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nr-complete{height:100vh;width:100vw;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);font-family:var(--nr-font)}.nr-complete-card{background:#22c55e0f;border:1px solid rgba(34,197,94,.25);border-radius:28px;padding:54px 46px;text-align:center;max-width:520px;width:100%;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.nr-complete-icon{font-size:4rem;margin-bottom:20px}.nr-complete-card h1{font-size:2rem;font-weight:800;color:var(--nr-green);margin-bottom:14px}.nr-complete-sub{font-size:1.05rem;color:var(--nr-muted);margin-bottom:12px;line-height:1.6}.nr-saved-badge{display:inline-block;background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:var(--nr-green);font-size:.85rem;font-weight:600;padding:7px 18px;border-radius:50px;margin-bottom:18px;letter-spacing:.02em}.nr-complete-note{font-size:.92rem;color:#f1f5f98c;margin-bottom:32px;line-height:1.65}@media(max-width:640px){.nr-main{padding:24px 16px 40px}.nr-question-card{padding:22px 20px}.nr-question-text{font-size:1.05rem}.nr-answer-area{padding:18px 16px}.nr-btn--large{padding:13px 24px}.nr-header{flex-direction:column;gap:10px}}