.button{cursor:pointer;border:none;border-radius:1rem;outline:none;padding-block:.75rem;padding-inline:1.5rem;transition:all .3s ease-in-out}.button.primary-button{color:#fff;background-color:#ba2552}.button:active{transform:scale(.9)}html,body,#root{color:#f5f5f5;background-color:#2a2929;width:100%}.highlight{color:#d01541}.landing-page{color:#e2e8f0;background:#0a0c14;min-height:100vh;font-family:Inter,system-ui,sans-serif}.landing-header{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1.5rem 2rem;display:flex}.landing-header h2{color:#fff;font-size:1.6rem;font-weight:700}.landing-header .header-buttons{gap:12px;display:flex}.landing-header .header-buttons button{cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.landing-header .header-buttons .login-btn{color:#f43f7a;background:0 0;border:1px solid #f43f7a33}.landing-header .header-buttons .register-btn{color:#fff;background:#f43f7a;border:none}.hero-section{text-align:center;max-width:1100px;margin:4rem auto 3rem;padding:0 2rem}.hero-section h1{color:#fff;margin-bottom:1.2rem;font-size:3.2rem;font-weight:700;line-height:1.2}.hero-section h1 span{color:#f43f7a}.hero-section p{color:#94a3b8;max-width:620px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.6}.hero-section .hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-section .hero-buttons .cta-button{cursor:pointer;border-radius:50px;padding:14px 28px;font-size:1.05rem;font-weight:600;transition:all .3s}.hero-section .hero-buttons .cta-button.primary{color:#fff;background:linear-gradient(135deg,#f43f7a,#e11d62);border:none;box-shadow:0 8px 25px #f43f7a66}.hero-section .hero-buttons .cta-button.secondary{color:#e2e8f0;background:0 0;border:2px solid #64748b}.hero-section .hero-buttons .cta-button:hover{transform:translateY(-3px)}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:4rem auto;padding:0 2rem;display:grid}.features .feature-card{text-align:center;background:#161b26;border:1px solid #2d3348;border-radius:14px;padding:2rem 1.5rem;transition:all .3s}.features .feature-card:hover{border-color:#f43f7a;transform:translateY(-8px)}.features .feature-card h3{color:#fff;margin-bottom:.8rem;font-size:1.3rem}.features .feature-card p{color:#94a3b8;line-height:1.5}@media (width<=768px){.hero-section h1{font-size:2.4rem}.landing-header{padding:1rem 1.5rem}}main{color:#e2e8f0;background:#0f1117;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex}main .form-container{background:#161b26f5;border:1px solid #2d3348;border-radius:18px;flex-direction:column;gap:1rem;width:100%;min-width:350px;max-width:420px;padding:2rem 1.5rem;display:flex;box-shadow:0 14px 34px #0003}main .form-container h1{color:#fff;text-align:center;margin-bottom:.25rem;font-size:1.6rem;font-weight:800}main .form-subtitle{text-align:center;color:#94a3b8;margin-bottom:.5rem;font-size:.88rem;line-height:1.5}main .form-subtitle strong{color:#e2e8f0}main .back-link{color:#94a3b8;margin-bottom:.5rem;font-size:.88rem;text-decoration:none;transition:color .18s;display:inline-block}main .back-link:hover{color:#f43f7a}main form{flex-direction:column;gap:.85rem;display:flex}main .input-group{flex-direction:column;gap:.45rem;display:flex}main .input-group label{color:#94a3b8;font-size:.88rem;font-weight:600}main .input-group input{color:#e2e8f0;background:#0f141f;border:1px solid #334155;border-radius:10px;outline:none;width:100%;padding:.78rem 1rem;font-family:inherit;font-size:.92rem;transition:border-color .18s,box-shadow .18s}main .input-group input::placeholder{color:#5b687f}main .input-group input:focus{border-color:#f43f7a;box-shadow:0 0 0 3px #f43f7a1f}main .password-wrapper{align-items:center;display:flex;position:relative}main .password-wrapper input{padding-right:3rem}main .password-wrapper .eye-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;width:auto;padding:0;font-size:1.15rem;line-height:1;transition:opacity .18s;position:absolute;right:.75rem}main .password-wrapper .eye-toggle:hover{opacity:1}main .otp-container{justify-content:center;gap:.75rem;margin:.5rem 0;display:flex}main .otp-input{text-align:center;color:#fff;caret-color:#f43f7a;background:#0f141f;border:2px solid #334155;border-radius:12px;outline:none;width:52px;height:56px;font-size:1.5rem;font-weight:800;transition:border-color .18s,box-shadow .18s}main .otp-input:focus{border-color:#f43f7a;box-shadow:0 0 0 3px #f43f7a26}main .button,main button[type=submit]{width:100%}main .primary-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f43f7a 0%,#e11d62 100%);border:none;border-radius:10px;padding:.82rem;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 10px 20px #f43f7a38}main .primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px #f43f7a47}main .primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}main .resend-btn{color:#f43f7a;cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:700;text-decoration:underline;transition:opacity .18s}main .resend-btn:hover{opacity:.85}main .resend-btn:disabled{opacity:.6;cursor:not-allowed}main .error-message{color:#f43f7a;text-align:center;background:#3d1a2af2;border:1px solid #f43f7a66;border-radius:10px;padding:.75rem 1rem;font-size:.88rem}main .success-message{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;padding:.75rem 1rem;font-size:.88rem}main p{text-align:center;color:#94a3b8;margin:0;font-size:.88rem}main a{color:#f43f7a;font-weight:600;text-decoration:none;transition:opacity .18s}main a:hover{opacity:.85}@media (width<=520px){main .form-container{min-width:auto;padding:1.5rem 1.2rem}main .otp-input{width:46px;height:50px;font-size:1.3rem}main .otp-container{gap:.55rem}}.page{color:#e2e8f0;background:#0a0c14;min-height:100vh;padding:1.2rem 1rem;font-family:Inter,system-ui,sans-serif}.page .header{max-width:920px;margin:0 auto 1.3rem}.page .header .header-content{justify-content:space-between;align-items:center;display:flex}.page .header h2{color:#fff;font-size:1.45rem;font-weight:700}.page .header .user-section{align-items:center;gap:12px;font-size:.92rem;display:flex}.page .header .user-section button{cursor:pointer;border-radius:8px;padding:7px 17px;font-weight:600;transition:all .2s}.page .header .user-section .logout-btn{color:#f43f7a;background:0 0;border:1px solid #f43f7a33}.page .header .user-section .login-btn{color:#fff;background:#f43f7a;border:none}.page .hero{text-align:center;margin-bottom:1.6rem}.page .hero h1{color:#fff;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.page .hero h1 span{color:#f43f7a}.page .hero p{color:#94a3b8;max-width:460px;margin:0 auto;font-size:.93rem;line-height:1.5}.page .stats-banner{background:#161b26;border:1px solid #2d3348;border-radius:12px;justify-content:center;align-items:center;gap:1.5rem;max-width:460px;margin:0 auto 1.8rem;padding:.9rem 1.5rem;display:flex}.page .stats-banner .stat-item{align-items:center;gap:.7rem;display:flex}.page .stats-banner .stat-content{flex-direction:column;gap:2px;display:flex}.page .stats-banner .stat-value{font-size:1.22rem;font-weight:700}.page .stats-banner .stat-label{color:#64748b;font-size:.74rem}.page .stats-banner .stat-divider{background:#2d3348;width:1px;height:40px}.page .two-col{grid-template-columns:1fr 1fr;gap:1.3rem;max-width:920px;margin:0 auto;display:grid}@media (width<=768px){.page .two-col{grid-template-columns:1fr}}.page .panel{background:#161b26;border:1px solid #2d3348;border-radius:14px;flex-direction:column;min-height:470px;padding:1.4rem;display:flex}.page .panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page .panel-title,.page .right-panel-title{color:#e2e8f0;font-size:1.02rem;font-weight:600}.page .badge-required{color:#f43f7a;background:#3d1a2a;border-radius:6px;padding:3px 9px;font-size:.7rem}.page .badge-best{color:#f43f7a;font-size:.76rem}.page textarea{color:#cbd5e1;resize:none;background:#0f141f;border:1px solid #334155;border-radius:10px;outline:none;width:100%;padding:.9rem;font-size:.9rem;line-height:1.5}.page textarea.self-desc{height:82px}.page .char-count{text-align:right;color:#64748b;margin-top:5px;font-size:.73rem}.page .upload-area{text-align:center;cursor:pointer;background:#0f141f;border:2px dashed #475569;border-radius:12px;padding:2.2rem 1rem;transition:all .3s}.page .upload-area:hover{background:#1a2333;border-color:#f43f7a}.page .upload-area .upload-icon{background:#2a1f2e;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto .8rem;font-size:1.4rem;display:flex}.page .upload-area .upload-text{margin-bottom:4px;font-size:.94rem}.page .upload-area .upload-sub{color:#64748b;font-size:.77rem}.page .divider{align-items:center;gap:10px;margin:1.2rem 0;display:flex}.page .divider .divider-line{background:#334155;flex:1;height:1px}.page .divider .divider-text{color:#64748b;font-size:.74rem}.page .section-label{color:#94a3b8;margin-bottom:.5rem;font-size:.88rem}.page .button-group{gap:10px;margin-top:auto;display:flex}.page .button-group .secondary-button{color:#94a3b8;background:0 0;border:1px solid #475569;border-radius:10px;flex:1;padding:13px;font-weight:600}.page .button-group .primary-button{color:#fff;background:linear-gradient(135deg,#f43f7a,#e11d62);border:none;border-radius:10px;flex:2;padding:13px;font-weight:600}.error-banner{color:#f43f7a;background:#3d1a2a;border:1px solid #f43f7a44;border-radius:10px;align-items:center;gap:10px;max-width:920px;margin:1rem auto 1.3rem;padding:.9rem 1.2rem;font-size:.88rem;display:flex}*{box-sizing:border-box;margin:0;padding:0}.interview-page{color:#e2e8f0;background:#0f1117;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}@media (width<=768px){.interview-page{height:auto;min-height:100vh;overflow:auto}}.interview-layout{grid-template-columns:260px auto 1fr auto 240px;width:100%;height:100vh;display:grid;overflow:hidden}@media (width<=1200px){.interview-layout{grid-template-columns:240px auto 1fr auto}}@media (width<=1024px){.interview-layout{grid-template-columns:220px auto 1fr}}@media (width<=768px){.interview-layout{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}}.interview-divider{background:linear-gradient(#2d3348 0%,#1e2433 100%);width:1px;height:100%}@media (width<=768px){.interview-divider{display:none}}.interview-nav{background:linear-gradient(#13171f 0%,#0f1117 100%);border-right:1px solid #2d3348;flex-direction:column;justify-content:space-between;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}@media (width<=768px){.interview-nav{z-index:100;border-bottom:1px solid #2d3348;border-right:none;flex-direction:row;align-items:center;gap:.5rem;height:auto;padding:.75rem 1rem;position:sticky;top:0;overflow-x:auto}.interview-nav .nav-content{flex-direction:row;flex:1;align-items:center;gap:.4rem;display:flex}}.interview-nav .nav-content{flex-direction:column;gap:.5rem;display:flex}.interview-nav .interview-nav__label{color:#64748b;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;padding-left:.5rem;font-size:.7rem;font-weight:700}@media (width<=768px){.interview-nav .interview-nav__label{display:none}}.interview-nav .interview-nav__item{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.interview-nav .interview-nav__item:hover{color:#e2e8f0;background:#f43f7a14;border-color:#f43f7a33;transform:translate(4px)}.interview-nav .interview-nav__item.interview-nav__item--active{color:#f43f7a;background:linear-gradient(135deg,#f43f7a26 0%,#f43f7a0d 100%);border-color:#f43f7a4d;font-weight:600;box-shadow:0 4px 12px #f43f7a1a}.interview-nav .interview-nav__item .interview-nav__icon{opacity:.8;color:#64748b;flex-shrink:0;align-items:center;display:flex}.interview-nav .interview-nav__item.interview-nav__item--active .interview-nav__icon{color:#f43f7a}@media (width<=768px){.interview-nav .interview-nav__item{width:auto;padding:.6rem .85rem;font-size:.8rem}}.interview-nav .button.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f7a 0%,#ec276b 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 15px #f43f7a4d}.interview-nav .button.primary-button:hover{background:linear-gradient(135deg,#ec276b 0%,#f43f7a 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f43f7a66}@media (width<=768px){.interview-nav .button.primary-button{padding:.6rem 1rem;font-size:.8rem}}.interview-content{scroll-behavior:smooth;background:#0f1117;flex-direction:column;height:100%;min-height:0;padding:0;display:flex;overflow-y:auto}@media (width<=768px){.interview-content{height:auto;padding:0;overflow-y:visible}}.interview-content section{flex-direction:column;width:100%;min-height:100%;padding:0;display:flex}.interview-content .content-header{z-index:100;background:#0f1117;border-bottom:1px solid #2d3348;flex-shrink:0;width:100%;padding:0;position:sticky;top:0;box-shadow:0 4px 12px #0000004d}.interview-content .content-header .content-header__top{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%;padding:1.5rem 2rem;display:flex}@media (width<=768px){.interview-content .content-header .content-header__top{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}}.interview-content .content-header .content-header__top .content-header__title-row{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.interview-content .content-header .content-header__top .content-header__title-row h2{color:#f8fafc;white-space:nowrap;align-items:center;gap:.75rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.interview-content .content-header .content-header__top .content-header__title-row h2:before{content:"";background:linear-gradient(#f43f7a 0%,#7c3aed 100%);border-radius:2px;width:4px;height:28px;display:inline-block}.interview-content .content-header .content-header__top .content-header__title-row .content-header__count{color:#94a3b8;white-space:nowrap;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.interview-content .content-header .content-header__top .content-header__title-row .content-header__count:before{content:"📋";font-size:.95rem}.interview-content .content-header .content-header__top .search-box{background:#1e293b;border:1px solid #334155;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.interview-content .content-header .content-header__top .search-box:focus-within{background:#0f172a;border-color:#f43f7a;box-shadow:0 0 0 2px #f43f7a33}.interview-content .content-header .content-header__top .search-box svg{color:#64748b;flex-shrink:0}.interview-content .content-header .content-header__top .search-box input{color:#e2e8f0;background:0 0;border:none;outline:none;width:220px;padding:0;font-size:.9rem}.interview-content .content-header .content-header__top .search-box input::placeholder{color:#64748b}.interview-content .content-header .content-header__top .search-box .search-box__clear{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;transition:color .2s;display:flex}.interview-content .content-header .content-header__top .search-box .search-box__clear:hover{color:#f43f7a}.interview-content .q-list{flex-direction:column;gap:1rem;width:100%;padding:1.5rem 2rem 2rem;display:flex}@media (width<=768px){.interview-content .q-list{padding:1rem}}.q-card{background:linear-gradient(135deg,#1a1f2e 0%,#151922 100%);border:1px solid #2d3348;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px #0000001a}.q-card:hover{border-color:#3d4559;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.q-card.q-card--open{background:linear-gradient(135deg,#1e2433 0%,#1a1f2e 100%);border-color:#f43f7a;box-shadow:0 8px 30px #f43f7a1a}.q-card .q-card__header{cursor:pointer;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.q-card .q-card__header:hover{background:#ffffff05}.q-card .q-card__header .q-card__index{color:#f43f7a;text-align:center;background:linear-gradient(135deg,#3d1a2a 0%,#2d1a2a 100%);border:1px solid #f43f7a33;border-radius:8px;flex-shrink:0;min-width:42px;padding:.3rem .75rem;font-size:.85rem;font-weight:800;line-height:1.2}.q-card .q-card__header .q-card__question{color:#f8fafc;flex:1;margin:0;font-size:1rem;font-weight:600;line-height:1.6}.q-card .q-card__header .q-card__chevron{color:#64748b;background:#ffffff0d;border-radius:6px;flex-shrink:0;align-items:center;padding:.5rem;transition:transform .3s;display:flex}.q-card .q-card__header .q-card__chevron:hover{background:#ffffff1a}.q-card .q-card__header .q-card__chevron.q-card__chevron--open{color:#f43f7a;background:#f43f7a1a;transform:rotate(180deg)}.q-card .q-card__body{flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.q-card .q-card__body .q-card__section{background:linear-gradient(135deg,#0f1117 0%,#131720 100%);border:1px solid #2d3348;border-radius:10px;padding:1.25rem}.q-card .q-card__body .q-card__section p{color:#cbd5e1;white-space:pre-line;word-break:break-word;margin:0;font-size:.92rem;line-height:1.85}.q-card .q-card__body .q-card__tag{text-transform:uppercase;letter-spacing:.08em;border-radius:6px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.q-card .q-card__body .q-card__tag.q-card__tag--intention{color:#34d399;background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #10b98133}.q-card .q-card__body .q-card__tag.q-card__tag--answer{color:#a78bfa;background:linear-gradient(135deg,#3b0764,#4c1d95);border:1px solid #8b5cf633}.roadmap-timeline{flex-direction:column;padding:1.5rem 2rem 2rem;display:flex}@media (width<=768px){.roadmap-timeline{padding:1rem}}.roadmap-item{gap:0;display:flex;position:relative}.roadmap-item:last-child .roadmap-item__connector{display:none}.roadmap-item .roadmap-item__line{flex-direction:column;flex-shrink:0;align-items:center;width:32px;padding-top:.85rem;display:flex}.roadmap-item .roadmap-item__dot{z-index:1;background:#f43f7a;border:2px solid #3d1a2a;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 8px #f43f7a66}.roadmap-item .roadmap-item__connector{background:linear-gradient(#f43f7a54,#2d334887);flex:1;width:2px;min-height:20px;margin-top:4px}.roadmap-item .roadmap-item__card{background:#1a1f2e;border:1px solid #2d3348;border-radius:10px;flex:1;margin-bottom:.75rem;padding:1rem;transition:border-color .2s}.roadmap-item .roadmap-item__card:hover{border-color:#f43f7a45}.roadmap-item .roadmap-item__card .roadmap-item__header{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.6rem;display:flex}.roadmap-item .roadmap-item__card .roadmap-item__badge{color:#f43f7a;white-space:nowrap;background:#3d1a2a;border-radius:5px;flex-shrink:0;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.roadmap-item .roadmap-item__card .roadmap-item__focus{color:#e2e8f0;font-size:.95rem;font-weight:600;line-height:1.3}.roadmap-item .roadmap-item__card .roadmap-item__tasks{flex-direction:column;gap:.45rem;padding-left:.25rem;list-style:none;display:flex}.roadmap-item .roadmap-item__card .roadmap-item__tasks li{color:#94a3b8;align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.6;display:flex}.roadmap-item .roadmap-item__card .roadmap-item__tasks .roadmap-item__bullet{background:#f43f7a87;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.5rem}.interview-sidebar{background:linear-gradient(#13171f 0%,#0f1117 100%);border-left:1px solid #2d3348;height:100vh;padding:1.5rem 1rem;position:sticky;top:0;overflow-y:auto}@media (width<=1024px){.interview-sidebar{display:none}}.interview-sidebar .match-score{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.interview-sidebar .match-score .match-score__label{color:#64748b;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-size:.7rem;font-weight:700}.interview-sidebar .match-score .match-score__ring{width:120px;height:120px;margin-bottom:.6rem;position:relative}.interview-sidebar .match-score .match-score__ring .score-circle{width:100%;height:100%;transform:scaleX(-1)}.interview-sidebar .match-score .match-score__ring .score-circle__bg{fill:none;stroke:#1a1f2e;stroke-width:8px}.interview-sidebar .match-score .match-score__ring .score-circle__progress{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-in-out}.interview-sidebar .match-score .match-score__ring .score-circle__progress.score--high{stroke:#4ade80;filter:drop-shadow(0 0 8px #4ade8066)}.interview-sidebar .match-score .match-score__ring .score-circle__progress.score--mid{stroke:#fbbf24;filter:drop-shadow(0 0 8px #fbbf2466)}.interview-sidebar .match-score .match-score__ring .score-circle__progress.score--low{stroke:#f43f7a;filter:drop-shadow(0 0 8px #f43f7a66)}.interview-sidebar .match-score .match-score__ring .score-circle__content{justify-content:center;align-items:baseline;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interview-sidebar .match-score .match-score__ring .score-circle__content .match-score__value{color:#e2e8f0;font-size:2rem;font-weight:700;line-height:1}.interview-sidebar .match-score .match-score__ring .score-circle__content .match-score__pct{color:#94a3b8;margin-left:2px;font-size:.85rem}.interview-sidebar .match-score .match-score__sub{text-align:center;padding:0 .5rem;font-size:.78rem;font-weight:500}.interview-sidebar .match-score .match-score__sub.score--high{color:#4ade80}.interview-sidebar .match-score .match-score__sub.score--mid{color:#fbbf24}.interview-sidebar .match-score .match-score__sub.score--low{color:#f43f7a}.interview-sidebar .sidebar-divider{background:#2d3348;height:1px;margin-bottom:1.5rem}.interview-sidebar .skill-gaps .skill-gaps__label{color:#64748b;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.interview-sidebar .skill-gaps .skill-gaps__list{flex-direction:column;gap:.5rem;display:flex}.skill-tag{border:1px solid;border-radius:6px;padding:.5rem .85rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-block}.skill-tag:hover{transform:translate(4px)}.skill-tag.skill-tag--low{color:#4ade80;background:#0f2a1a80;border-color:#4ade8045}.skill-tag.skill-tag--medium{color:#fbbf24;background:#2a1f0f80;border-color:#fbbf2445}.skill-tag.skill-tag--high{color:#f43f7a;background:#3d1a2a80;border-color:#f43f7a45}.loading-screen{color:#94a3b8;background:#0f1117;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:100vh;font-size:1.1rem;display:flex}.loading-screen .loading-screen__spinner{border:3px solid #2d3348;border-top-color:#f43f7a;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.empty-state{text-align:center;color:#64748b;padding:3rem 2rem}.empty-state p{font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.interview-content .q-list{margin-top:0!important;padding-top:1.5rem!important}.interview-content .q-card:first-child{margin-top:0!important}.interview-content section{flex-direction:column;min-height:100%;display:flex}.content-header{z-index:100!important;box-shadow:0 4px 12px #0000004d!important}.vr{margin-top:.25rem}.vr__toggle{color:#f43f7a;cursor:pointer;letter-spacing:.01em;background:#f43f7a0f;border:1px dashed #f43f7a4d;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.vr__toggle span{text-align:left;flex:1}.vr__toggle:hover{background:#f43f7a1f;border-style:solid;transform:none}.vr__toggle-chevron{opacity:.7;transition:transform .25s}.vr__toggle-chevron.open{transform:rotate(180deg)}.vr__panel{background:linear-gradient(135deg,#12151e 0%,#0d1018 100%);border:1px solid #252b3b;border-radius:10px;margin-top:.6rem;padding:1.25rem;animation:.2s vrSlide}.vr__alert{border-radius:8px;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.7rem .9rem;font-size:.82rem;display:flex}.vr__alert--err{color:#fca5a5;background:#f8717114;border:1px solid #f8717140}.vr__alert--err span{flex-shrink:0;font-size:.9rem}.vr__idle{flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.vr__idle-icon{color:#f43f7a;background:#f43f7a14;border:1px solid #f43f7a33;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.vr__idle-hint{color:#64748b;text-align:center;max-width:260px;font-size:.8rem;line-height:1.5}.vr__recording{flex-direction:column;align-items:center;gap:.9rem;padding:.5rem 0 .75rem;display:flex}.vr__waveform{align-items:center;gap:3px;height:36px;display:flex}.vr__bar{background:linear-gradient(#ec276b,#f43f7a);border-radius:2px;width:3px;height:12px;animation:.8s ease-in-out infinite alternate vrWave;display:inline-block}.vr__bar:nth-child(odd){animation-duration:.6s}.vr__bar:nth-child(3n){animation-duration:1s}.vr__bar:nth-child(4n){background:linear-gradient(#a78bfa,#7c3aed)}.vr__timer{color:#f43f7a;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:1.5rem;font-weight:700}.vr__recorded{flex-direction:column;gap:.85rem;display:flex}.vr__playback-row{align-items:center;gap:.75rem;display:flex}.vr__audio{filter:invert()hue-rotate(180deg)saturate(.8);border-radius:6px;flex:1;height:34px}.vr__dur-badge{color:#64748b;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:6px;flex-shrink:0;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.vr__action-row{flex-wrap:wrap;gap:.65rem;display:flex}.vr__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.vr__btn--record{color:#fff;background:linear-gradient(135deg,#f43f7a,#ec276b);box-shadow:0 4px 14px #f43f7a4d}.vr__btn--record:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f43f7a66}.vr__btn--stop{color:#fca5a5;background:#f871711a;border:1px solid #f8717140}.vr__btn--stop:hover{background:#f871712e}.vr__btn--feedback{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);flex:1;justify-content:center;box-shadow:0 4px 14px #7c3aed4d}.vr__btn--feedback:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed66}.vr__btn--feedback:disabled{opacity:.55;cursor:not-allowed;transform:none}.vr__btn--reset{color:#64748b;background:0 0;border:1px solid #2d3348}.vr__btn--reset:hover{color:#94a3b8;border-color:#3d4559}.vr__spin{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite spin;display:inline-block}.vr__feedback{background:linear-gradient(135deg,#110e1c 0%,#0d0f18 100%);border:1px solid #7c3aed38;border-radius:12px;margin-top:1rem;animation:.3s vrSlide;overflow:hidden}.vrf__header{background:#7c3aed14;border-bottom:1px solid #7c3aed26;align-items:center;gap:.65rem;padding:1rem 1.25rem;display:flex}.vrf__title-row{flex:1;align-items:center;gap:.4rem;display:flex}.vrf__title-row svg{color:#a78bfa}.vrf__title{color:#a78bfa;letter-spacing:.02em;font-size:.85rem;font-weight:700}.vrf__overall{border-radius:8px;align-items:baseline;gap:2px;padding:.3rem .75rem;display:flex}.vrf__overall--high{color:#4ade80;background:#4ade801a}.vrf__overall--mid{color:#fbbf24;background:#fbbf241a}.vrf__overall--low{color:#f43f7a;background:#f43f7a1a}.vrf__overall-num{font-size:1.35rem;font-weight:800;line-height:1}.vrf__overall-denom{opacity:.7;font-size:.75rem;font-weight:600}.vrf__metrics{border-bottom:1px solid #1a1f2e;flex-direction:column;gap:.65rem;padding:1rem 1.25rem;display:flex}.vrf__metric{align-items:center;gap:.75rem;display:flex}.vrf__metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:68px;font-size:.72rem;font-weight:600}.vrf__metric-track{background:#1e293b;border-radius:999px;flex:1;height:5px;overflow:hidden}.vrf__metric-fill{border-radius:999px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.vrf__metric-fill--high{background:linear-gradient(90deg,#4ade80,#86efac)}.vrf__metric-fill--mid{background:linear-gradient(90deg,#fbbf24,#fde68a)}.vrf__metric-fill--low{background:linear-gradient(90deg,#f43f7a,#fb7aa8)}.vrf__metric-val{text-align:right;flex-shrink:0;width:24px;font-size:.72rem;font-weight:700}.vrf__metric-val--high{color:#4ade80}.vrf__metric-val--mid{color:#fbbf24}.vrf__metric-val--low{color:#f43f7a}.vrf__section{border-bottom:1px solid #1a1f2e;padding:.9rem 1.25rem}.vrf__section:last-child{border-bottom:none}.vrf__section-label{color:#64748b;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.35rem;margin-bottom:.6rem;font-size:.72rem;font-weight:700;display:flex}.vrf__section-emoji{font-size:.9rem}.vrf__list{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.vrf__list li{color:#cbd5e1;padding-left:1rem;font-size:.85rem;line-height:1.65;position:relative}.vrf__list li:before{content:"–";color:#a78bfa;font-weight:700;position:absolute;left:0}.vrf__section--improve .vrf__list li:before{color:#fbbf24}.vrf__protip{background:#fbbf240a;border-bottom:1px solid #1a1f2e;padding:.9rem 1.25rem}.vrf__protip p{color:#fde68a;margin:0;font-size:.85rem;line-height:1.65}.vrf__protip-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.vrf__transcript{background:#0a0c1280;padding:.9rem 1.25rem}.vrf__transcript-text{font-style:italic;color:#475569!important;font-size:.82rem!important;line-height:1.75!important}@keyframes vrSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes vrWave{0%{opacity:.5;height:4px}to{opacity:1;height:28px}}