*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-card-hover: #22223a;--accent: #6c63ff;--accent-light: #8b83ff;--accent-glow: rgba(108, 99, 255, .3);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--border: #2a2a3e;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light)}button{font-family:inherit;cursor:pointer;border:none;outline:none}h1,h2,h3,h4,h5,h6{line-height:1.2}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.navbar-logo .logo-icon{font-size:1.6rem}.navbar-links{display:flex;align-items:center;gap:2rem;list-style:none}.navbar-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--text-primary)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:600;border-radius:12px;border:1px solid var(--border);transition:all .3s}.btn-secondary:hover{border-color:var(--accent);background:#6c63ff1a;transform:translateY(-2px)}.btn-small{padding:.5rem 1.25rem;font-size:.9rem}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:8rem 2rem 4rem;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6c63ff1a;border:1px solid rgba(108,99,255,.3);border-radius:100px;font-size:.85rem;color:var(--accent-light);font-weight:500;margin-bottom:2rem;position:relative}.hero h1{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:800;line-height:1.15;margin-bottom:1.5rem;position:relative}.hero-description{font-size:1.2rem;color:var(--text-secondary);max-width:680px;margin-bottom:2.5rem;position:relative;line-height:1.7}.hero-buttons{display:flex;gap:1rem;margin-bottom:4rem;position:relative}.hero-demo{position:relative;width:100%;max-width:800px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.demo-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.demo-header-title{margin-left:.75rem;font-size:.8rem;color:var(--text-muted);font-weight:500}.demo-dot{width:10px;height:10px;border-radius:50%}.demo-dot.red{background:var(--danger)}.demo-dot.yellow{background:var(--warning)}.demo-dot.green{background:var(--success)}.demo-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.demo-message{display:flex;gap:.75rem;align-items:flex-start}.demo-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.demo-avatar.ai{background:linear-gradient(135deg,var(--accent),#a78bfa)}.demo-avatar.user{background:var(--bg-secondary);border:1px solid var(--border)}.demo-bubble{padding:.75rem 1rem;border-radius:12px;font-size:.95rem;line-height:1.5;text-align:left}.demo-bubble.ai{background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);color:var(--text-primary)}.demo-bubble.user{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.demo-typing{display:flex;gap:4px;padding:.75rem 1rem}.demo-typing span{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:typing 1.4s infinite}.demo-typing span:nth-child(2){animation-delay:.2s}.demo-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.companies-bar{padding:2.5rem 2rem;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-secondary)}.companies-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:1.25rem;font-weight:600}.companies-logos{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.company-name{font-size:1.3rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em;opacity:.5;transition:opacity .3s}.company-name:hover{opacity:.8}.section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.section-label{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;margin-bottom:1rem;line-height:1.25}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin-bottom:3.5rem;line-height:1.6}.section-description strong{color:var(--text-primary)}.section-center{text-align:center}.section-center .section-description{margin-left:auto;margin-right:auto}.pipeline{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin-top:1rem}.pipeline-step{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);transition:all .3s}.pipeline-step.done{opacity:.5}.pipeline-step.leetcode{border-color:#fbbf2466;background:#fbbf240d}.pipeline-step.danger-step{border-color:#6c63ff66;background:#6c63ff0d}.pipeline-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:.9rem;background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0}.pipeline-step.danger-step .pipeline-num{background:var(--accent);color:#fff}.pipeline-step.leetcode .pipeline-num{background:#fbbf2433;color:var(--warning)}.pipeline-info h4{font-size:.9rem;font-weight:600;margin-bottom:.2rem}.pipeline-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:4px}.pipeline-tag.covered{background:#ffffff0d;color:var(--text-muted)}.pipeline-tag.lc{background:#fbbf2426;color:var(--warning)}.pipeline-tag.cs{background:#6c63ff26;color:var(--accent-light)}.pipeline-connector{width:40px;height:2px;background:var(--border);flex-shrink:0}.pipeline-connector.danger{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.pain-section{padding:6rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pain-inner{max-width:1200px;margin:0 auto;text-align:center}.pain-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.3;margin-bottom:3rem}.pain-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;text-align:left}.pain-card{padding:2rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s}.pain-card:hover{border-color:#f8717166;transform:translateY(-4px);box-shadow:0 8px 40px #f8717114}.pain-emoji{font-size:2rem;margin-bottom:.75rem}.pain-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.pain-quote{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.pain-questions{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.pain-questions span{padding:.4rem .75rem;background:#6c63ff14;border-radius:8px;font-size:.85rem;color:var(--text-primary);font-style:italic}.pain-interviewer-quote{padding:1rem;background:#f871710f;border-left:3px solid var(--danger);border-radius:0 8px 8px 0;font-size:.9rem;color:var(--text-primary);font-style:italic;line-height:1.6;margin-bottom:1rem}.pain-interviewer-quote span{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted);font-style:normal}.pain-stat{font-size:.85rem;font-weight:600;color:var(--danger)}.skill-table{max-width:700px;margin:0 auto 2rem;border:1px solid var(--border);border-radius:16px;overflow:hidden;text-align:left}.skill-row{display:grid;grid-template-columns:180px 60px 1fr;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.skill-row:last-child{border-bottom:none}.skill-row.header{background:var(--bg-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.skill-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.skill-grade{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:1rem}.grade-s{background:#4ade8026;color:var(--success)}.grade-c{background:#fbbf2426;color:var(--warning)}.grade-d{background:#f8717126;color:var(--danger)}.grade-f{background:#f8717140;color:#f44}.skill-bar-wrap{height:24px;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.skill-bar{height:100%;background:var(--text-muted);border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.skill-bar.accent{background:var(--accent)}.skill-bar span{font-size:.7rem;font-weight:700;color:#fff}.skill-summary{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.skill-summary strong{color:var(--text-primary)}.split-section{padding:6rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.split-inner{max-width:1000px;margin:0 auto;text-align:center}.split-grid{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;margin-top:3rem}.split-card{flex:1;max-width:380px;padding:2rem;border-radius:16px;text-align:left}.split-card.lc-card{background:#fbbf240a;border:1px solid rgba(251,191,36,.2)}.split-card.cs-card{background:#6c63ff0a;border:1px solid rgba(108,99,255,.3)}.split-icon{font-size:2rem;margin-bottom:.75rem}.split-card h3{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.split-role{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem;font-weight:500}.split-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.split-list li{font-size:.95rem;color:var(--text-secondary);padding-left:1.5rem;position:relative;line-height:1.4}.split-list li:before{content:"✓";position:absolute;left:0;font-weight:700;font-size:.8rem}.lc-card .split-list li:before{color:var(--warning)}.cs-card .split-list li:before{color:var(--accent-light)}.split-plus{display:flex;align-items:center;font-size:2rem;font-weight:700;color:var(--text-muted)}.split-bottom{margin-top:2.5rem;font-size:1.15rem;color:var(--text-secondary);line-height:1.7}.split-bottom strong{color:var(--text-primary)}.steps{display:flex;flex-direction:column;gap:2rem}.step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:1.2rem;font-weight:700;border-radius:14px}.step-content h3{font-size:1.15rem;font-weight:600;margin-bottom:.4rem}.step-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.type-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .3s;text-align:left}.type-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 40px #0000004d}.type-tag{display:inline-block;padding:.3rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.type-tag.behavioral{background:#4ade8026;color:var(--success)}.type-tag.system{background:#fbbf2426;color:var(--warning)}.type-tag.coding{background:#f8717126;color:var(--danger)}.type-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.type-card p{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.type-example{padding:.75rem 1rem;background:var(--bg-secondary);border-radius:10px;font-size:.85rem;color:var(--text-muted);font-style:italic}.scorecard-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.scorecard-visual{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.score-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.score-item:last-child{margin-bottom:0}.score-label{width:140px;font-size:.9rem;color:var(--text-secondary)}.score-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.score-fill{height:100%;border-radius:4px;transition:width 1s ease}.score-fill.high{background:var(--success)}.score-fill.mid{background:var(--warning)}.score-fill.low{background:var(--danger)}.score-value{font-size:.9rem;font-weight:600;width:40px;text-align:right}.cta{text-align:center;padding:6rem 2rem;position:relative}.cta:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.cta h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;margin-bottom:1rem;position:relative;line-height:1.3}.cta p{font-size:1.1rem;color:var(--text-secondary);max-width:550px;margin:0 auto 2.5rem;position:relative;line-height:1.6}.cta .btn-primary{font-size:1.1rem;padding:1rem 2.5rem;position:relative}.cta-sub{font-size:.85rem!important;color:var(--text-muted)!important;margin-top:1rem!important;margin-bottom:0!important}.footer{padding:2rem;text-align:center;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.footer-disclaimer{margin-top:.75rem;font-size:.75rem;color:var(--text-muted);opacity:.6}.tech-pipeline-section{padding:6rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tech-pipeline-inner{max-width:1100px;margin:0 auto}.tech-pipeline{display:flex;align-items:flex-start;justify-content:center;gap:0}.tech-step{flex:1;max-width:220px;text-align:center;padding:1.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px}.tech-step-icon{font-size:2rem;display:block;margin-bottom:.5rem}.tech-step h4{font-size:1rem;font-weight:700;margin-bottom:.4rem}.tech-step p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.tech-connector{display:flex;align-items:center;padding:0 .5rem;font-size:1.5rem;color:var(--accent);font-weight:700;margin-top:2.5rem}.tech-pipeline-example{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;margin-top:3rem}.tech-example-box{flex:1;max-width:420px;padding:1.5rem;border-radius:14px;text-align:left}.tech-example-box.before{background:#f871710d;border:1px solid rgba(248,113,113,.2)}.tech-example-box.after{background:#4ade800d;border:1px solid rgba(74,222,128,.2)}.tech-example-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding:.2rem .5rem;border-radius:4px}.tech-example-box.before .tech-example-label{background:#f8717126;color:var(--danger)}.tech-example-box.after .tech-example-label{background:#4ade8026;color:var(--success)}.tech-example-box p{font-size:.95rem;color:var(--text-secondary);font-style:italic;line-height:1.6}.tech-example-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--accent);font-weight:700}@media(max-width:768px){.navbar-links{display:none}.hero{padding:6rem 1.25rem 3rem}.hero-buttons{flex-direction:column;width:100%;max-width:300px}.section{padding:4rem 1.25rem}.pipeline{flex-direction:column;gap:0}.pipeline-connector{width:2px;height:30px}.pain-section{padding:4rem 1.25rem}.pain-cards{grid-template-columns:1fr}.skill-row{grid-template-columns:130px 44px 1fr;padding:.75rem 1rem}.split-section{padding:4rem 1.25rem}.split-grid{flex-direction:column;align-items:center}.split-card{max-width:100%}.split-plus{transform:rotate(90deg)}.scorecard-section,.types-grid{grid-template-columns:1fr}.tech-pipeline-section{padding:4rem 1.25rem}.tech-pipeline{flex-direction:column;align-items:center;gap:0}.tech-step{max-width:100%}.tech-connector{transform:rotate(90deg);padding:.5rem 0;margin-top:0}.tech-pipeline-example{flex-direction:column;align-items:center}.tech-example-box{max-width:100%}.tech-example-arrow{transform:rotate(90deg)}}.interview-page{min-height:100vh;background:var(--bg-primary)}.interview-container{max-width:800px;margin:0 auto;padding:6rem 2rem 4rem}.interview-nav-status{font-size:.9rem}.recording-indicator{display:inline-flex;align-items:center;gap:.5rem;color:var(--danger);font-weight:600}.rec-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;animation:rec-blink 1s infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}.processing-indicator{color:var(--accent-light);font-weight:500}.interview-setup{text-align:center;padding-top:4rem}.interview-setup h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.setup-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:3rem}.type-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.type-option{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 2rem;background:var(--bg-card);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .3s;min-width:180px}.type-option:hover{border-color:#6c63ff66;background:var(--bg-card-hover)}.type-option.active{border-color:var(--accent);background:#6c63ff14;box-shadow:0 0 20px var(--accent-glow)}.type-option-icon{font-size:2rem}.type-option-label{font-size:1rem;font-weight:700;color:var(--text-primary)}.type-option-desc{font-size:.75rem;color:var(--text-muted)}.btn-large{padding:1rem 3rem;font-size:1.15rem}.interview-timer-setup{text-align:center;padding-top:2rem}.interview-timer-setup h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.timer-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2.5rem}.btn-back{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:2rem;font-size:.9rem}.difficulty-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.difficulty-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:var(--bg-card);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .3s;min-width:180px;max-width:220px}.difficulty-option:hover{border-color:#6c63ff66;background:var(--bg-card-hover)}.difficulty-option.active{border-color:var(--accent);background:#6c63ff14;box-shadow:0 0 20px var(--accent-glow)}.difficulty-option.active.difficulty-easy{border-color:var(--success);background:#4ade800f;box-shadow:0 0 20px #4ade8026}.difficulty-option.active.difficulty-hard{border-color:var(--danger);background:#f871710f;box-shadow:0 0 20px #f8717126}.difficulty-icon{font-size:1.6rem}.difficulty-label{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.difficulty-time{font-size:1.8rem;font-weight:900;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.difficulty-unit{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.difficulty-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4;text-align:center}.pulse-ring.time-warning{background:#fbbf241f}.pulse-ring.time-warning .pulse-core{border-color:var(--warning)}.pulse-ring.time-warning .rec-time{color:var(--warning)}.pulse-ring.time-overtime{background:#f871711f}.pulse-ring.time-overtime .pulse-core{border-color:var(--danger)}.rec-time.overtime{color:var(--danger)!important}.recording-elapsed{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.time-warning-text{color:var(--warning)!important}.time-overtime-text{color:var(--danger)!important}.question-progress{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-light);font-weight:600;font-size:.85rem;margin-right:1rem}.question-progress-badge{padding:.2rem .6rem;background:#6c63ff1f;color:var(--accent-light);border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.question-card-collapsible .question-header{margin-bottom:0}.question-card-collapsible .question-text{margin-top:1rem}.question-toggle-btn{margin-left:auto;padding:.25rem .65rem;background:#6c63ff1a;color:var(--accent-light);border:1px solid rgba(108,99,255,.2);border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.question-toggle-btn:hover{background:#6c63ff33}.interview-asking{padding-top:3rem;text-align:center}.asking-visual{margin-top:2rem;display:flex;flex-direction:column;align-items:center}.asking-loading{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--text-secondary);font-size:.95rem}.speaker-pulse-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.speaker-pulse{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.speaker-pulse-ring{position:absolute;inset:0;border-radius:50%;background:#6c63ff1a;animation:speaker-pulse-anim 1.5s ease-in-out infinite}.speaker-pulse-core{position:relative;z-index:1;font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#6c63ff1f;border:2px solid var(--accent);border-radius:50%}@keyframes speaker-pulse-anim{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1);opacity:.8}}.asking-status{font-size:1.05rem;color:var(--text-secondary);font-weight:500}.interview-countdown{padding-top:2rem;text-align:center}.countdown-visual{display:flex;flex-direction:column;align-items:center;margin:3rem 0}.countdown-number{font-size:8rem;font-weight:900;color:var(--accent);line-height:1;animation:countdown-pop 1s ease-in-out infinite;font-variant-numeric:tabular-nums}@keyframes countdown-pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}to{transform:scale(1);opacity:1}}.countdown-status{font-size:1.1rem;color:var(--text-secondary);font-weight:500;margin-top:1rem}.payment-resume-prompt{text-align:center;padding:2rem}.payment-resume-icon{font-size:3rem;margin-bottom:.5rem}.payment-resume-prompt h3{margin:0 0 .5rem;color:var(--text-primary)}.payment-resume-prompt p{color:var(--text-secondary);margin:0 0 1.5rem}.interview-verifying{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.verifying-card{text-align:center;padding:3rem 2.5rem;background:var(--bg-card);border-radius:1rem;max-width:400px}.verifying-card h2{margin:1.5rem 0 .5rem}.verifying-card p{color:var(--text-secondary)}.p-spinner.large{width:48px;height:48px;border-width:4px;margin:0 auto}.interview-paywall{padding-top:4rem;display:flex;justify-content:center}.paywall-card{text-align:center;padding:3rem 2.5rem;background:var(--bg-card);border:2px solid rgba(108,99,255,.3);border-radius:24px;max-width:480px;width:100%}.paywall-icon{font-size:3rem;margin-bottom:1rem}.paywall-card h2{font-size:1.6rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.paywall-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.paywall-scores-preview{padding:1.25rem;background:#6c63ff0f;border:1px solid rgba(108,99,255,.15);border-radius:14px;margin-bottom:2rem}.paywall-scores-preview h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-light);margin-bottom:.5rem}.paywall-scores-preview p{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.paywall-avg{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.paywall-btn{width:100%;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.paywall-hint{margin-top:.75rem;font-size:.8rem;color:var(--text-muted)}.paywall-skip{margin-top:.5rem}.question-results-list{display:flex;flex-direction:column;gap:.5rem}.question-result-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.question-result-summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.question-result-summary::-webkit-details-marker{display:none}.question-result-summary::marker{display:none;content:""}.qr-index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#6c63ff1f;color:var(--accent-light);font-size:.8rem;font-weight:700;flex-shrink:0}.qr-question{flex:1;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-score{font-size:.9rem;font-weight:700;flex-shrink:0}.qr-score.high{color:var(--success)}.qr-score.mid{color:var(--warning)}.qr-score.low{color:var(--danger)}.question-result-detail{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--border)}.qr-transcript strong,.qr-feedback strong,.qr-strengths strong,.qr-coaching strong,.qr-model-answer strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem}.qr-transcript p,.qr-feedback p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.question-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:2.5rem}.question-card.mini{padding:1.25rem;margin-bottom:2rem}.question-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.question-type-badge{padding:.25rem .6rem;background:#6c63ff26;color:var(--accent-light);border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.question-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.question-text{font-size:1.2rem;font-weight:500;line-height:1.6;color:var(--text-primary)}.question-card.mini .question-text{font-size:1rem}.record-prompt{text-align:center}.record-prompt>p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.record-prompt strong{color:var(--text-primary)}.btn-record{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:var(--accent);color:#fff;font-size:1.15rem;font-weight:700;border-radius:100px;transition:all .3s;border:none;cursor:pointer}.btn-record:hover{background:var(--accent-light);box-shadow:0 0 40px var(--accent-glow);transform:scale(1.05)}.record-icon{font-size:1.3rem}.record-hint{margin-top:1rem;font-size:.8rem;color:var(--text-muted)}.error-message{margin-top:1.5rem;padding:1rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:10px;color:var(--danger);font-size:.9rem;text-align:center}.interview-recording{text-align:center;padding-top:2rem}.recording-visual{display:flex;flex-direction:column;align-items:center;margin:3rem 0}.pulse-ring{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f8717114;animation:pulse 2s infinite;margin-bottom:1.5rem}.pulse-core{width:120px;height:120px;border-radius:50%;background:#f8717126;display:flex;align-items:center;justify-content:center;border:3px solid var(--danger)}.rec-time{font-size:1.8rem;font-weight:800;color:var(--danger);font-variant-numeric:tabular-nums}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}to{transform:scale(1);opacity:1}}.recording-status{font-size:1rem;color:var(--text-secondary)}.btn-stop{padding:1rem 3rem;background:var(--danger);color:#fff;font-size:1.1rem;font-weight:700;border-radius:100px;border:none;cursor:pointer;transition:all .3s}.btn-stop:hover{background:#ef4444;box-shadow:0 0 30px #f871714d}.btn-stop:disabled{opacity:.5;cursor:not-allowed}.interview-processing{padding-top:6rem;text-align:center}.processing-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2rem}.p-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.25rem;opacity:.35;position:relative}.p-step.active{opacity:1}.p-step-icon{font-size:1.5rem}.p-step span{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.p-check{color:var(--success)!important;font-size:1rem!important}.p-connector{width:40px;height:2px;background:var(--border)}.p-connector.done{background:var(--success)}.p-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:1.1rem;color:var(--text-secondary)}.interview-results{padding-top:2rem}.interview-results h2{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.results-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;margin-bottom:2rem;background:#6c63ff0f;border:1px solid rgba(108,99,255,.15);border-radius:14px;font-size:.95rem;color:var(--accent-light)}.verdict-card{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;border-radius:14px;margin-bottom:2rem;border:2px solid}.verdict-icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.verdict-text{font-size:1rem;font-weight:600;line-height:1.5;margin:0}.verdict-pass{background:#4ade8014;border-color:#4ade8066}.verdict-pass .verdict-text{color:var(--success)}.verdict-warning{background:#fbbf2414;border-color:#fbbf2466}.verdict-warning .verdict-text{color:var(--warning)}.verdict-fail{background:#f8717114;border-color:#f8717166}.verdict-fail .verdict-text{color:var(--danger)}.comparison-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.comparison-section h3{margin:0 0 .5rem;font-size:1.1rem}.comparison-progress{color:var(--text-secondary);font-size:.95rem;margin:0 0 1rem;font-style:italic}.comparison-group{margin-bottom:1rem}.comparison-group:last-child{margin-bottom:0}.comparison-group h4{font-size:.9rem;margin:0 0 .5rem;font-weight:600}.comparison-improved h4{color:var(--success)}.comparison-still-needed h4{color:var(--warning)}.comparison-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.comparison-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.5}.comparison-icon{flex-shrink:0;font-size:.7rem;margin-top:.35rem}.improvement-item .comparison-icon{color:var(--success)}.still-needed-item .comparison-icon{color:var(--warning)}.blocking-issues-section h3{color:var(--danger)}.blocking-issues-list{display:flex;flex-direction:column;gap:.5rem}.blocking-issue-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid rgba(248,113,113,.2);border-left:3px solid var(--danger);border-radius:10px;font-size:.9rem;color:var(--text-primary);line-height:1.5}.blocking-issue-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f8717126;color:var(--danger);font-size:.75rem;font-weight:700;flex-shrink:0}.result-section{margin-bottom:2rem}.result-section h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.result-box{padding:1.5rem;border-radius:14px;font-size:.95rem;line-height:1.7}.transcript-box{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.feedback-box{background:#6c63ff0f;border:1px solid rgba(108,99,255,.2);color:var(--text-primary)}.rewrite-box{background:#4ade800f;border:1px solid rgba(74,222,128,.2);color:var(--text-primary)}.rewrite-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.strength-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.strength-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5;padding:.5rem .75rem;background:#4ade800f;border:1px solid rgba(74,222,128,.15);border-radius:8px}.strength-check{color:var(--success);font-weight:700;flex-shrink:0;margin-top:.05rem}.coaching-issues-list{display:flex;flex-direction:column;gap:.75rem}.coaching-issue-card{padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.6rem;border-left:3px solid var(--accent)}.coaching-issue-problem,.coaching-issue-improvement,.coaching-issue-example{display:flex;flex-direction:column;gap:.2rem;font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.coaching-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.coaching-issue-problem .coaching-label{color:var(--warning)}.coaching-issue-improvement .coaching-label{color:var(--accent-light)}.coaching-issue-example .coaching-label{color:var(--success)}.coaching-example-text{font-style:italic;color:var(--text-primary);padding:.4rem .75rem;background:#4ade800f;border-radius:6px;border-left:2px solid var(--success)}.model-answer-details{margin-top:.5rem}.model-answer-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#4ade800f;border:1px solid rgba(74,222,128,.15);border-radius:8px;font-size:.82rem;font-weight:600;color:var(--success);cursor:pointer;transition:all .2s;list-style:none}.model-answer-toggle::-webkit-details-marker{display:none}.model-answer-toggle::marker{display:none;content:""}.model-answer-toggle:hover{background:#4ade801f}.model-answer-details[open] .model-answer-toggle{margin-bottom:.75rem}.model-answer-box{padding:1rem 1.25rem;background:#4ade800f;border:1px solid rgba(74,222,128,.2);border-radius:10px;font-size:.9rem;line-height:1.7;color:var(--text-primary)}.model-answer-box p{margin:0}.tts-inline-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:8px;color:var(--success);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.tts-inline-btn:hover{background:#4ade8026}.tts-inline-btn:disabled{opacity:.6;cursor:not-allowed}.common-patterns-section .patterns-box{padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid rgba(108,99,255,.2);border-radius:14px}.patterns-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.pattern-item{font-size:.9rem;color:var(--text-secondary);line-height:1.6;padding:.6rem .75rem;background:#6c63ff0a;border-radius:8px;border-left:3px solid var(--accent)}.next-goals-section h3{color:var(--accent-light)}.next-goals-section .goals-box{padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid rgba(108,99,255,.2);border-radius:14px}.goals-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.goal-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6;padding:.6rem .75rem;background:#4ade800a;border-radius:8px}.goal-checkbox{color:var(--accent-light);font-size:1.1rem;flex-shrink:0;margin-top:.05rem}.tts-player{margin-top:1rem}.tts-loading{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:.9rem;color:var(--text-secondary)}.tts-ready{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#4ade800a;border:1px solid rgba(74,222,128,.2);border-radius:12px}.tts-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--success)}.tts-audio{width:100%;height:40px;border-radius:8px;outline:none}.scores-grid{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.score-row{display:flex;align-items:center;gap:1rem}.score-row-label{width:180px;font-size:.9rem;color:var(--text-secondary);flex-shrink:0}.score-row-bar{flex:1;height:10px;background:var(--bg-secondary);border-radius:5px;overflow:hidden}.score-row-fill{height:100%;border-radius:5px;transition:width 1s ease}.score-row-fill.high{background:var(--success)}.score-row-fill.mid{background:var(--warning)}.score-row-fill.low{background:var(--danger)}.score-row-value{font-size:.9rem;font-weight:700;width:50px;text-align:right}.score-row-value.high{color:var(--success)}.score-row-value.mid{color:var(--warning)}.score-row-value.low{color:var(--danger)}.result-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:2.5rem;padding-bottom:2rem}.btn-save{border:1px solid var(--border);border-radius:10px;color:var(--text-secondary)}.btn-save:hover{border-color:var(--accent);color:var(--accent-light)}.interview-onboard{text-align:center;padding-top:3rem}.interview-onboard h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.onboard-subtitle{font-size:1.15rem;color:var(--text-primary);font-weight:600;margin-bottom:.4rem}.onboard-subtitle-sub{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem}.onboard-form{display:flex;flex-direction:column;gap:2rem;text-align:left;max-width:600px;margin:0 auto 2rem}.onboard-section h3{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.onboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.onboard-section-header h3{margin-bottom:0}.onboard-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.toggle-btn{padding:.35rem .75rem;font-size:.75rem;font-weight:600;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--accent);color:#fff}.file-upload-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;border:2px dashed var(--border);border-radius:14px;cursor:pointer;transition:all .3s;background:var(--bg-card)}.file-upload-zone:hover{border-color:#6c63ff66;background:var(--bg-card-hover)}.file-upload-zone.has-file{border-color:var(--success);border-style:solid;background:#4ade800a}.file-icon{font-size:2rem}.file-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.file-upload-text{font-size:.95rem;color:var(--text-secondary)}.file-hint{font-size:.75rem;color:var(--text-muted)}.privacy-hint{font-size:.72rem;color:var(--text-muted);margin-top:.5rem}.company-role-inputs{display:flex;flex-direction:column;gap:.75rem}.onboard-input{width:100%;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .3s}.onboard-input:focus{outline:none;border-color:var(--accent)}.onboard-input::placeholder{color:var(--text-muted)}.onboard-textarea{width:100%;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .3s}.onboard-textarea:focus{outline:none;border-color:var(--accent)}.onboard-textarea::placeholder{color:var(--text-muted)}.onboard-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.onboard-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem}.btn-ghost{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.btn-ghost:hover{color:var(--text-secondary)}.onboard-summary{background:var(--bg-card);border:1px solid rgba(108,99,255,.2);border-radius:16px;padding:1.5rem;margin-bottom:2.5rem;text-align:left}.onboard-summary-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--accent-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.onboard-summary-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tech-tag{padding:.2rem .6rem;background:#6c63ff1f;color:var(--accent-light);border-radius:6px;font-size:.75rem;font-weight:600}.tech-tag.more{background:#6c63ff0f;color:var(--text-muted)}.onboard-summary-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.interview-container{padding:5rem 1.25rem 3rem}.type-selector{flex-direction:column;align-items:center}.type-option{width:100%;max-width:300px}.processing-steps{flex-wrap:wrap}.score-row-label{width:130px}.result-actions{flex-direction:column;align-items:center}.onboard-form{max-width:100%}.onboard-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.difficulty-selector{flex-direction:column;align-items:center}.difficulty-option{width:100%;max-width:300px}.countdown-number{font-size:5rem}.paywall-card{padding:2rem 1.5rem}.question-result-summary{flex-wrap:wrap}.qr-question{white-space:normal}.coaching-issue-card{padding:.75rem}}