body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.radar-chart-wrapper{align-items:center;display:flex;height:220px;justify-content:center;margin-bottom:1rem;width:100%}@media (max-width:1220px){.radar-chart-wrapper{height:200px}}@media (max-width:980px){.radar-chart-wrapper{height:180px}}@media (max-width:768px){.radar-chart-wrapper{height:160px}}.landing-page{color:#fff;min-height:100vh}.landing-header,.landing-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724)}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #6495ed33;box-shadow:0 4px 20px #0000004d;position:static;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.brand-logo-link{align-items:flex-start;color:inherit;display:flex;flex-direction:column;text-decoration:none}.brand-logo{color:#fff;font-size:1.8rem;text-shadow:0 2px 4px #00000080}.brand-logo-img{display:block;filter:brightness(1.2) contrast(1.1);height:104px;margin:0;width:auto}.logo-tagline{color:#ffffffe6;font-size:.85rem;font-weight:600;letter-spacing:.02em;margin-top:8px}.main-nav{gap:2rem}.nav-link{border-radius:6px;color:#ffffffe6;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.auth-buttons{align-items:center;display:flex}.login-btn{border:1px solid #6495ed66;border-radius:6px;color:#ffffffe6;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;top:8px;transition:all .3s ease}.login-btn:hover{background:#ffffff1a;border-color:#6495ed99;color:#fff}.signup-btn{background:linear-gradient(135deg,#4169e1,#1e90ff);border:1px solid #6495ed66;border-radius:6px;box-shadow:0 2px 8px #4169e133;color:#fff;font-weight:600;padding:.75rem 1.5rem;position:relative;text-decoration:none;top:8px;transition:all .3s ease}.signup-btn:hover{box-shadow:0 4px 16px #4169e14d;transform:translateY(-1px)}.hero-section{margin-top:0;overflow:hidden;padding:1.5rem 2rem 4rem;position:relative}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-content{max-width:600px}.hero-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 2rem;text-shadow:0 2px 4px #00000080;word-spacing:.1em}.gradient-text{color:#60a5fa}.hero-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:400;line-height:1.7;margin:0 0 2.5rem;max-width:550px}.hero-cta{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;text-align:center}.primary-cta{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:.75rem;box-shadow:0 4px 20px #4169e14d;color:#fff;display:inline-block;font-size:1.125rem;font-weight:700;letter-spacing:.01em;padding:.875rem 2.5rem;text-decoration:none;transition:all .3s ease}.primary-cta:hover{box-shadow:0 4px 16px #4169e14d;transform:translateY(-2px)}.trial-info{flex-direction:column;gap:.5rem;justify-content:center}.trial-info,.trial-info span{align-items:center;display:flex}.trial-info span{color:#ffffffe6;font-size:.9rem;font-weight:500;gap:.4rem}.admin-visual,.hero-visual{align-items:center;display:flex;justify-content:center}.hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6495ed33;border-radius:1rem;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:1.5rem;width:100%}.mock-interface{display:flex;flex-direction:column;gap:1rem}.interface-header{border-bottom:1px solid #6495ed33;gap:1rem;padding-bottom:1rem}.ai-avatar,.interface-header{align-items:center;display:flex}.ai-avatar{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:50%;font-size:2rem;height:48px;justify-content:center;width:48px}.ai-info h4{color:#fff;font-size:1rem;margin:0}.ai-info p{color:#fffc;font-size:.875rem;margin:0}.conversation{display:flex;flex-direction:column;gap:.75rem}.ai-message,.user-response{border-radius:.5rem;font-size:.875rem;line-height:1.4;padding:.75rem}.ai-message{background:#6495ed1a;border:1px solid #6495ed33;color:#ffffffe6;margin-right:2rem}.user-response{background:#4169e126;border:1px solid #4169e14d;color:#fff;margin-left:2rem}.feedback-preview{border-top:1px solid #6495ed33;padding-top:1rem}.score-item{align-items:center;display:flex;font-size:.875rem;gap:1rem}.score-item span:first-child{color:#ffffffe6;font-weight:500;min-width:100px}.score-bar{background:#ffffff1a;border-radius:3px;height:6px}.score-fill{background:linear-gradient(135deg,#4ade80,#22c55e);transition:width .3s ease}.score-item span:last-child{color:#4ade80;font-weight:600;min-width:40px}.voice-interview-section{background:linear-gradient(135deg,#2563eb0d,#10d5ee08);border-top:1px solid #6495ed1a;padding:4rem 2rem}.voice-content{max-width:600px}.voice-content h2{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.voice-content>p{color:#fffc;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 0 2rem}.voice-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.voice-feature{align-items:flex-start;background:#ffffff08;border:1px solid #6495ed1a;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.voice-feature:hover{background:#ffffff0d;border-color:#6495ed33;transform:translateX(8px)}.voice-feature-icon{align-items:center;background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.voice-feature-text h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.voice-feature-text p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.voice-cta{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}.voice-cta-button{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:.75rem;box-shadow:0 4px 20px #4169e14d;color:#fff;display:inline-block;font-size:1.125rem;font-weight:700;letter-spacing:.01em;padding:.875rem 2.5rem;text-decoration:none;transition:all .3s ease}.voice-cta-button:hover{box-shadow:0 4px 16px #4169e14d;transform:translateY(-2px)}.voice-cta-subtitle{color:#ffffffb3;font-size:.9rem;font-weight:500;margin:0}.voice-visual{justify-content:center}.voice-indicator,.voice-visual{align-items:center;display:flex}.voice-indicator{background:#2563eb1a;border:1px solid #2563eb33;border-radius:.5rem;gap:1rem;margin:1rem 0;padding:.75rem}.audio-bars{align-items:center;display:flex;gap:.2rem;height:20px}.bar{animation:audioWave 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:2px;width:3px}.bar:first-child{animation-delay:0s;height:8px}.bar:nth-child(2){animation-delay:.2s;height:16px}.bar:nth-child(3){animation-delay:.4s;height:12px}.bar:nth-child(4){animation-delay:.6s;height:20px}.bar:nth-child(5){animation-delay:.8s;height:6px}@keyframes audioWave{0%,to{opacity:.7;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.voice-indicator span{color:#ffffffe6;font-size:.875rem;font-weight:500}.team-solutions-section{background:#ffffff05;border-top:1px solid #6495ed1a;padding:4rem 2rem}.admin-features{max-width:600px}.admin-features h2{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.admin-features>p{color:#fffc;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 0 2rem}.admin-feature-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.admin-feature-item{align-items:flex-start;background:#ffffff08;border:1px solid #6495ed1a;border-radius:.75rem;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.admin-feature-item:hover{background:#ffffff0d;border-color:#6495ed33;transform:translateX(8px)}.admin-feature-icon{align-items:center;background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;width:32px}.admin-feature-content h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.admin-feature-content p{color:#fffc;font-size:.85rem;line-height:1.4;margin:0}.admin-cta{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}.admin-cta-button{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:.75rem;box-shadow:0 4px 20px #4169e14d;color:#fff;display:inline-block;font-size:1.125rem;font-weight:700;letter-spacing:.01em;padding:.875rem 2.5rem;text-decoration:none;transition:all .3s ease}.admin-cta-button:hover{box-shadow:0 4px 16px #4169e14d;transform:translateY(-2px)}.admin-cta-subtitle{color:#ffffffb3;font-size:.9rem;font-weight:500;margin:0}.team-pricing-section{border-top:1px solid #6495ed33;margin-top:4rem;padding-top:3rem}.team-pricing-section .section-header h3{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.team-pricing-section .section-header p{color:#fffc;font-size:1rem;margin:0 0 2rem}.enterprise-badge{background:linear-gradient(135deg,#4169e11a,#1e90ff0d);border:1px solid #4169e133;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.enterprise-badge span{color:#ffffffe6;display:inline-block;font-size:.9rem;font-weight:500}.job-upload-section{background:linear-gradient(135deg,#10d5ee0d,#2563eb08);border-top:1px solid #6495ed1a;padding:4rem 2rem}.job-upload-demo{align-items:center;display:flex;flex-direction:column;gap:3rem}.job-upload-visual{width:100%}.job-upload-visual .hero-card{max-width:none}.job-upload-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1000px;width:100%}.job-upload-feature-card{align-items:center;background:#ffffff08;border:1px solid #6495ed1a;border-radius:.75rem;display:flex;flex-direction:column;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.job-upload-feature-card:hover{background:#ffffff0d;border-color:#6495ed33;transform:translateY(-4px)}.job-upload-feature-card .job-upload-feature-icon{align-items:center;background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.job-upload-feature-card h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.job-upload-feature-card p{color:#fffc;font-size:.875rem;line-height:1.4;margin:0}.job-content-horizontal{align-items:flex-start;display:flex;gap:1.5rem}.job-text-section{flex:1 1}.analysis-section{display:flex;flex:1 1;flex-direction:column;gap:1rem}.analysis-preview-horizontal{background:#2563eb1a;border:1px solid #2563eb33;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.job-upload-interface{padding:1.5rem}.upload-header{border-bottom:1px solid #ffffff1a;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.upload-header,.upload-icon{align-items:center;display:flex}.upload-icon{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:50%;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.upload-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.upload-info p{color:#ffffffb3;font-size:.85rem;margin:0}.job-content{display:flex;flex-direction:column;gap:1rem}.job-text{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;color:#fffc;font-size:.9rem;font-style:italic;line-height:1.4;padding:1rem}.analysis-preview{background:#2563eb1a;border:1px solid #2563eb33;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.analysis-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.analysis-label{color:#ffffffb3;font-weight:500}.analysis-value{color:#fff;font-weight:600}.upload-status{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:.5rem;color:#ffffffe6;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem}.status-indicator{color:#22c55e;font-weight:700}.educational-disclaimer-section,.features-section,.pricing-preview-section,.team-solutions-section,.testimonials-section{padding:4rem 2rem}.educational-disclaimer-section{background:linear-gradient(135deg,#22c55e0d,#10b98108);border-top:1px solid #22c55e1a;padding-top:2rem!important}.disclaimer-content{margin:0 auto;max-width:800px;text-align:center}.disclaimer-icon{font-size:3rem;margin-bottom:1.5rem}.disclaimer-content h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.disclaimer-content p{color:#ffffffe6;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.disclaimer-benefits{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.benefit-item{border:1px solid #22c55e1a;border-radius:.75rem;gap:1rem;text-align:left}.benefit-icon{color:#22c55e;font-size:1.1rem}.benefit-item span:last-child{color:#ffffffe6;font-weight:500}.section-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.section-header p{color:#fffc;font-size:1.125rem;margin:0}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6495ed33;border-radius:.75rem;box-shadow:0 4px 20px #0000004d;padding:1rem;position:relative;transition:all .3s ease}.feature-card:hover{background:#ffffff14;box-shadow:0 8px 30px #0006;transform:translateY(-4px)}.feature-card.featured{border:2px solid #4169e1;transform:scale(1.05)}.feature-badge{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.feature-icon{font-size:1.75rem;margin-bottom:.6rem;text-align:center}.feature-card h3{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .6rem;text-align:center}.feature-card p{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0 0 .75rem;text-align:center}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{color:#fffc;font-size:.85rem;line-height:1.4;padding:.2rem 0 .2rem 1.5rem;position:relative}.feature-list li:before{content:"✅";display:inline-block;font-size:.8rem;left:.25rem;position:absolute;top:.2rem}.why-prep-section{background:linear-gradient(135deg,#2952ff,#1a40ff);overflow:hidden;padding:80px 20px;position:relative}.why-prep-section:before{background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.why-prep-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1000px;position:relative;z-index:1}.why-prep-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px;text-align:center}.stat-number{color:#fff;font-size:4.5rem;font-weight:900;line-height:1;margin-bottom:16px;text-shadow:0 4px 20px #0000004d}.stat-description{color:#ffffffe6;font-size:1.1rem;font-weight:600;line-height:1.4}.why-prep-text h2{color:#fff;font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 10px #0000004d}.large-text{color:#fffffff2;font-size:1.3rem;font-weight:500;line-height:1.5;margin-bottom:32px}.prep-benefits{display:flex;flex-direction:column;gap:16px}.benefit-item{font-size:1.1rem;font-weight:500;gap:16px}.benefit-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}@media (max-width:768px){.why-prep-content{gap:40px;grid-template-columns:1fr;text-align:center}.why-prep-text h2{font-size:2.2rem}.stat-number{font-size:3.5rem}.large-text{font-size:1.1rem}}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6495ed33;border-radius:1rem;box-shadow:0 4px 20px #0000004d;padding:2rem}.stars{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem}.testimonial-card p{color:#ffffffe6;font-style:italic;line-height:1.6;margin:0 0 1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-info h4{color:#fff;font-size:1rem;margin:0}.author-info p{color:#fffc;font-size:.875rem;font-style:normal;margin:0}.pricing-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.pricing-card{border:1px solid #6495ed33;border-radius:1rem;box-shadow:0 4px 20px #0000004d;padding:2rem}.pricing-card.popular{border:2px solid #4169e1;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#4169e1,#1e90ff);border-radius:1rem;font-size:.875rem;padding:.5rem 1rem;top:-10px}.pricing-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.price{margin-bottom:2rem}.currency{color:#fffc;font-size:1.25rem}.amount{color:#fff;font-size:3rem;font-weight:800}.period{color:#ffffffb3;font-size:1rem}.plan-features{list-style:none;margin:0 0 2rem;padding:0;text-align:left}.plan-features li{color:#ffffffe6;padding:.5rem 0 .5rem 1.5rem;position:relative}.plan-features li:before{color:#4ade80;content:"✓";font-weight:700;left:0;position:absolute}.plan-cta{background:linear-gradient(135deg,#4169e1,#1e90ff);border:1px solid #6495ed66;border-radius:6px;box-shadow:0 2px 8px #4169e133;box-sizing:border-box;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;width:100%}.plan-cta:hover{box-shadow:0 4px 16px #4169e14d;transform:translateY(-1px)}.trial-badge{background:#4169e11a;border:1px solid #4169e133;border-radius:6px;color:#6495ed;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.plan-highlight,.trial-badge{margin:1rem 0;text-align:center}.plan-highlight{background:linear-gradient(135deg,#4169e11a,#1e90ff0d);border:1px solid #4169e133;border-radius:8px;color:#fffffff2;font-size:.95rem;font-weight:600;padding:1rem}.plan-limits{border:1px solid #6495ed1a;margin:1rem 0;padding:1rem}.limit-item{padding:.5rem 0}.limit-item span:first-child{color:#fffc;font-weight:500}.limit-item span:last-child{color:#fff;font-weight:600}.pricing-footer p{color:#fffc;font-size:.875rem}.landing-footer{background:linear-gradient(135deg,#0f1724,#0a0f1a);border-top:1px solid #6495ed33;color:#fff;padding:1rem 2rem .5rem}.footer-container{margin:0 auto;max-width:1200px}.footer-content{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:.75rem}.footer-brand{flex:1 1;max-width:400px;text-align:center}.footer-brand h3{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.footer-logo-img{display:block;filter:brightness(1.2) contrast(1.1);height:60px;margin:0 auto .5rem;width:auto}.footer-brand p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.footer-links{gap:2rem}.footer-links .footer-link-button,.footer-links a{color:#ffffffb3;font-size:1rem;padding:.5rem 0;text-decoration:none;transition:color .3s ease;white-space:nowrap}.footer-links .footer-link-button:hover,.footer-links a:hover{color:#6495ed}.footer-link-button{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.footer-bottom{border-top:1px solid #6495ed33;padding-top:.75rem;text-align:center}.footer-bottom p{color:#fff9;margin:0}.landing-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9!important;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed!important;right:0;top:0;z-index:2000}.landing-page .terms-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724)!important;border:1px solid #6495ed4d!important;border-radius:12px;box-shadow:0 20px 60px #00000080!important;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.landing-page .modal-header{align-items:center;border-bottom:1px solid #6495ed33!important;display:flex;justify-content:space-between;padding:1.5rem 2rem!important}.landing-page .modal-header h2{color:#fff!important;font-size:1.5rem!important;font-weight:600;margin:0!important}.landing-page .modal-close{background:none!important;border:none!important;border-radius:6px;color:#ffffffb3!important;cursor:pointer;font-size:1.5rem;opacity:1!important;padding:.5rem;transition:all .3s ease}.landing-page .modal-close:hover{background:#ffffff1a!important;color:#fff!important;opacity:1!important}.landing-page .modal-content{color:#fff!important;max-height:calc(80vh - 100px);overflow-y:auto;padding:2rem!important}.landing-page .modal-content h3{border-bottom:none!important;color:#fff!important;font-size:1.2rem!important;font-weight:600;margin:1.5rem 0 1rem!important;padding-bottom:0!important}.landing-page .modal-content p{color:#ffffffe6!important;line-height:1.6;margin:0 0 1rem!important}.landing-page .modal-content strong{color:#fff!important;font-weight:600}.landing-page .modal-content a{color:#6495ed!important;text-decoration:none}.landing-page .modal-content a:hover{color:#6495ed!important;text-decoration:underline}.landing-page .modal-content em{color:#ffffffb3!important;font-style:italic}@media (max-width:1024px) and (min-width:769px){.header-container{align-items:center;flex-direction:column;gap:.5rem;padding:.5rem 1rem;position:relative}.logo-section{align-items:center;order:2;text-align:center}.brand-logo-img{display:block;margin:0 auto}.login-btn{left:1rem}.login-btn,.signup-btn{font-size:.9rem;padding:.75rem 1.5rem;position:absolute;top:1rem}.signup-btn{right:1rem}.auth-buttons,.main-nav{display:none}}@media (max-width:768px){.header-container{align-items:center;flex-direction:column;gap:.25rem;padding:.25rem 1rem;position:relative}.logo-section{align-items:center;order:2;text-align:center}.brand-logo-img{display:block;margin:0 auto}.login-btn{left:1rem}.login-btn,.signup-btn{font-size:.8rem;padding:.4rem .75rem;position:absolute;top:1rem}.signup-btn{right:1rem}.auth-buttons,.main-nav{display:none}.hero-section{padding:2rem 1rem 3rem}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1.1rem}.voice-interview-section .hero-container{gap:3rem;grid-template-columns:1fr}.voice-content h2{font-size:1.5rem;text-align:center}.voice-content>p{font-size:1rem;text-align:center}.voice-feature{flex-direction:column;gap:.75rem;text-align:center}.voice-feature-icon{margin:0 auto}.voice-cta{align-items:center;text-align:center}.team-solutions-section .hero-container{gap:3rem;grid-template-columns:1fr}.admin-features h2{font-size:1.5rem;text-align:center}.admin-features>p{font-size:1rem;text-align:center}.admin-feature-list{gap:1rem;grid-template-columns:1fr}.admin-feature-item{flex-direction:column;gap:.75rem;text-align:center}.admin-feature-icon{margin:0 auto}.admin-feature-content h4{text-align:center!important}.admin-cta{align-items:center;text-align:center}.features-grid{grid-template-columns:1fr}.feature-card.featured{transform:none}.pricing-cards,.testimonials-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.job-upload-features-grid{gap:1.5rem;grid-template-columns:1fr}.job-upload-feature-card{padding:1.25rem .75rem}.job-upload-feature-card .job-upload-feature-icon{font-size:1.25rem;height:40px;width:40px}.job-content-horizontal{flex-direction:column;gap:1rem}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-brand{max-width:none}.footer-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.footer-links .footer-link-button,.footer-links a{font-size:.9rem;padding:.25rem 0}}@media (max-width:480px){.hero-section{padding:2rem 1rem}.hero-title{font-size:1.8rem;line-height:1.2}.hero-subtitle{font-size:1rem}.trial-info{flex-direction:column;gap:.5rem}.footer-links{display:flex!important;flex-direction:row!important;gap:.5rem}.footer-links .footer-link-button,.footer-links a{font-size:.85rem;padding:.25rem .5rem}}*{box-sizing:border-box}button,form,input{margin:0;padding:0}button,input{border:0;outline:0}.auth-page{display:flex;min-height:100vh}.auth-container,.auth-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;flex-direction:column}.auth-container{overflow-x:hidden;position:relative}.auth-content{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:2rem;position:relative;z-index:1}.auth-card{animation:slideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6495ed33;border-radius:1rem;box-shadow:0 4px 20px #0000004d;max-width:28rem;padding:2rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.auth-body{color:#fff}.auth-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#2952ff1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.auth-container:after{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#90ee900d 0,#0000 70%);content:"";height:60%;position:absolute;right:-30%;top:20%;width:60%;z-index:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}.auth-box{animation:slideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6495ed33;border-radius:1rem;box-shadow:0 4px 20px #0000004d;max-width:26rem;padding:1.5rem;position:relative;transition:transform .3s ease;width:100%;z-index:1}.auth-box:hover{transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-hero{margin-bottom:2rem;text-align:center}.logo-container{margin-bottom:1.5rem}.brand-logo{-webkit-text-fill-color:#0000;animation:logoGradient 4s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#f7931e 25%,#fff 50%,#00d4aa 75%,#ff6b35);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin:0;position:relative}.brand-logo:after{animation:logoUnderline 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#00d4aa);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes logoGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes logoUnderline{0%,to{opacity:1;width:60px}50%{opacity:.8;width:80px}}.logo-tagline{color:#b8b8b8;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:.5rem}.auth-box h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:700;margin:0 0 .5rem}.auth-subtitle{-webkit-text-fill-color:#e8e8e8!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#e8e8e8!important;font-size:1rem;font-weight:500;line-height:1.5;margin:0;text-align:center}.auth-form{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.form-group{gap:.125rem;transition:all .3s ease}.name-row{display:flex;gap:1rem;width:100%}.name-row .form-group{flex:1 1}.form-group.focused{transform:scale(1.02)}.form-group label{margin-bottom:.25rem}.input-wrapper{align-items:center;position:relative}.form-group input{background:#0000004d;border:2px solid #fff3;border-radius:.75rem;font-family:inherit;font-size:.95rem;transition:all .3s ease}.input-wrapper input{padding:.75rem 3rem .75rem .75rem}.form-group input:focus{background:#0006;border-color:#2952ff;box-shadow:0 0 0 4px #2952ff26;transform:translateY(-1px)}.form-group input::placeholder{color:#a0a0a0}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:initial!important;-webkit-box-shadow:inset 0 0 0 30px #0000004d!important;box-shadow:inset 0 0 0 30px #0000004d!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input:-moz-autofill{background-color:#0000004d!important;box-shadow:none!important;color:#fff!important}.form-group input:disabled{cursor:not-allowed;opacity:.6}.input-icon{color:#a0a0a0;font-size:1.2rem;pointer-events:none;position:absolute;right:1rem;transition:all .3s ease}.form-group.focused .input-icon{color:#2952ff;transform:scale(1.1)}.password-toggle{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem;position:absolute;right:1rem;transition:all .3s ease}.password-toggle:hover{color:#2952ff;transform:scale(1.1)}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.strength-bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.strength-fill.strength-weak{width:30%}.strength-fill.strength-medium{width:70%}.strength-fill.strength-strong{width:100%}.strength-text{font-size:.85rem;font-weight:600;min-width:60px;text-align:right}.field-error{align-items:center;color:#ff6b6b;display:flex;font-size:.85rem;gap:.5rem;margin-top:.25rem}.field-error:before{content:"⚠️"}.educational-disclaimer{background:#22c55e1a;border:1px solid #22c55e33;border-radius:.5rem;margin:1rem 0;padding:.75rem}.educational-disclaimer p{color:#ffffffe6;font-size:.875rem;line-height:1.4;margin:0}.auth-button{align-items:center;background:linear-gradient(135deg,#2952ff,#1a40ff 50%,#0d2db8);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-transform:none;transition:all .3s ease;width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 10px 30px #2952ff66,0 0 20px #2952ff4d;transform:translateY(-2px)}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{height:18px;width:18px}.link-button{background:none;border:none;color:#2952ff;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:all .3s ease}.link-button:hover{color:#1a40ff;text-shadow:0 0 10px #2952ff80}.link-button.highlighted{-webkit-text-fill-color:#2952ff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#2952ff!important;font-weight:700}.auth-switch{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.auth-switch p{color:#b8b8b8;font-size:.95rem;margin:0}.error-message{align-items:center;animation:shake .5s ease-in-out;background:#ff6b6b26;border:1px solid #ff6b6b66;border-radius:.75rem;display:flex;gap:.5rem;justify-content:center;padding:1rem 1.25rem}.error-message:before{content:"⚠️"}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.verification-message{padding:2rem 0;text-align:center}.verification-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1.5rem}.verification-message h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem}.verification-message p{color:#e8e8e8;font-size:1rem;line-height:1.6;margin:0 0 1rem}.email-address{color:#90ee90!important;font-size:1.1rem!important;font-weight:600;margin:1.5rem 0!important}.verification-actions{margin-top:2rem}.verification-actions .auth-button{margin:0 auto;max-width:250px}.login-benefits,.trial-benefits{grid-gap:1rem;border-top:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem;padding-top:2rem}.benefit-item{background:#ffffff0d;border-radius:.5rem;color:#e0e0e0;padding:.75rem;transition:all .3s ease}.benefit-item:hover{background:#ffffff14;transform:translateY(-1px)}@media (max-width:48rem){.auth-content{padding:1.5rem}.auth-box,.auth-card{max-width:90vw;padding:2rem 1.5rem}.auth-box h2,.auth-header h2{font-size:1.6rem}.login-benefits,.trial-benefits{grid-template-columns:1fr}}@media (max-width:37.5rem){.auth-content{padding:1rem}.auth-box,.auth-card{padding:1.5rem 1.25rem}.auth-box h2,.auth-header h2{font-size:1.5rem}.brand-logo{font-size:2.3rem}.form-group input{font-size:.95rem;padding:1rem 3rem 1rem 1rem}.auth-button{font-size:1rem;padding:1rem 1.25rem}}@media (max-width:30rem){.auth-content{padding:.75rem}.auth-box,.auth-card{padding:1.25rem 1rem}.auth-box h2,.auth-header h2{font-size:1.3rem}.brand-logo{font-size:2rem}.form-group input{font-size:.9rem;padding:.875rem 2.5rem .875rem 1rem}.auth-button{font-size:.95rem;padding:.875rem 1rem}.name-row{flex-direction:column;gap:.75rem}.benefit-item{font-size:.85rem;padding:.5rem}}@media (prefers-color-scheme:dark){.auth-container{background:linear-gradient(135deg,#000,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533a71)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.verification-status{padding:2rem;text-align:center}@media (max-width:48rem){.verification-status{padding:1.5rem 1rem}.verification-status h3{font-size:1.3rem}.verification-status p{font-size:1rem}.error-actions{gap:.75rem}.trial-info{font-size:.9rem;padding:.75rem}}@media (max-width:30rem){.verification-status{padding:1rem .5rem}.verification-status h3{font-size:1.2rem}.verification-status p{font-size:.95rem}.verification-status.error .error-icon,.verification-status.success .success-icon{font-size:3rem;height:60px;width:60px}}.loading-spinner{display:flex;justify-content:center;margin-bottom:1.5rem}.spinner{border:4px solid #fff3;border-top-color:#2952ff;height:50px;width:50px}.verification-status p{color:#ffffffe6;font-size:1.1rem;margin:.5rem 0}.verification-status.error .error-icon,.verification-status.success .success-icon{animation:fadeInScale .5s ease;display:inline-block;font-size:4rem;margin-bottom:1rem}.verification-status.success .success-icon{background:#4ade801a;color:#4ade80}.verification-status.error .error-icon,.verification-status.success .success-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.verification-status.error .error-icon{background:#f871711a;color:#f87171}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.verification-status h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.trial-info{background:#2952ff1a;border:1px solid #2952ff4d;border-radius:.5rem;margin:1rem 0;padding:1rem}.trial-info strong{color:#60a5fa}.redirect-info{color:#ffffffb3;font-size:.9rem;margin:1.5rem 0}.error-actions{flex-direction:column;margin-top:1.5rem}.error-actions .auth-button{margin:0}.error-actions .auth-link{color:#60a5fa;text-decoration:none;transition:all .3s ease}.error-actions .auth-link:hover{color:#2952ff}.trial-expired-icon{align-items:center;animation:fadeInScale .5s ease;background:#f59e0b1a;border-radius:50%;color:#f59e0b;display:inline-block;display:flex;font-size:4rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.trial-expired-benefits{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem;text-align:left}.trial-expired-benefits h4{color:#fff;font-size:1.1rem;margin:0 0 1rem;text-align:center}.trial-expired-benefits ul{list-style:none;margin:0;padding:0}.trial-expired-benefits li{color:#ffffffe6;font-size:.95rem;margin:.75rem 0;padding-left:.5rem}.trial-expired-benefits li:before{content:"";margin-right:.75rem}.trial-expired-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.trial-expired-actions .auth-button{margin:0}.auth-button.primary{background:linear-gradient(135deg,#2952ff,#1a40ff 50%,#0d2db8)}.auth-button.secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;color:#fff}.auth-button.secondary:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#ffffff4d;box-shadow:0 10px 30px #ffffff1a}.trial-expired-help{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem}.trial-expired-help p{color:#ffffffb3;font-size:.9rem;margin:0}.trial-expired-help .auth-link{color:#60a5fa;text-decoration:none;transition:all .3s ease}.trial-expired-help .auth-link:hover{color:#2952ff}.error-message{background:#f871711a;border:1px solid #f871714d;border-radius:.5rem;color:#f87171;font-size:.95rem;margin:1rem 0;padding:1rem}.usage-display{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.usage-header h3{color:#333;font-size:1.3em;font-weight:600;margin:0}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.85em;font-weight:500;padding:6px 12px}.usage-metrics{display:flex;flex-direction:column;gap:20px}.usage-metric{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:16px}.metric-header{margin-bottom:12px}.metric-name{color:#333;font-size:1em;font-weight:500}.metric-count{color:#007bff;font-size:1.1em;font-weight:600}.progress-bar{background:#e9ecef;margin-bottom:8px}.progress-fill{transition:all .3s ease}.progress-text{color:#666;font-size:.9em;text-align:right}.unlimited-text{color:#28a745;font-size:.9em;font-weight:500}.not-available{color:#6c757d;font-size:.9em;font-style:italic}.usage-footer{border-top:1px solid #e9ecef;margin-top:20px;padding-top:16px}.reset-info{color:#666;font-size:.85em;text-align:center}.usage-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;font-size:.9em;margin-top:12px;padding:8px 12px;text-align:center}.usage-error,.usage-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{border:2px solid #e9ecef;border-top-color:#007bff;height:24px;margin-bottom:12px;width:24px}.retry-button{background:#007bff;border-radius:6px;font-size:.9em;margin-top:12px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#0056b3}@media (max-width:768px){.usage-display{padding:16px}.usage-header{flex-direction:column;gap:12px;margin-bottom:24px;text-align:center}.usage-header h3{font-size:1.2em}.usage-metrics{gap:16px}.metric-header{flex-direction:column;gap:8px}.metric-header,.progress-text{text-align:center}}@media (max-width:480px){.usage-display{padding:12px}.usage-header{margin-bottom:20px}.usage-header h3{font-size:1.1em}.plan-badge{font-size:.8em;padding:4px 10px}.usage-metrics{gap:14px}.usage-metric{padding:12px}.metric-name{font-size:.9em}.metric-count{font-size:1em}}.dashboard-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:20px}.empty-state,.error,.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.error button,.new-interview-button,.start-button{background:linear-gradient(135deg,#2952ff,#1a40ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.error button:hover,.new-interview-button:hover,.start-button:hover{box-shadow:0 8px 25px #2952ff4d;transform:translateY(-2px)}.quick-actions-section{margin-bottom:24px}.quick-actions-section h2{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:left}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.quick-action-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.quick-action-card:hover{background:#ffffff14;border-color:#2952ff4d;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.quick-action-card:before{background:linear-gradient(90deg,#2952ff,#1a40ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quick-action-card:hover:before{opacity:1}.action-icon{font-size:3rem;line-height:1;margin-bottom:16px}.quick-action-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:8px}.quick-action-card p{color:#b8c5d1;font-size:.95rem;line-height:1.5;margin-bottom:20px}.action-button{background:linear-gradient(135deg,#2952ff,#1a40ff);color:#fff;font-size:.9rem;padding:10px 20px;pointer-events:none;transition:all .3s ease}.quick-action-card:hover .action-button{box-shadow:0 6px 20px #2952ff66;transform:translateY(-2px)}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h1{margin:0}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.dashboard-container .metrics-grid .metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:16px;color:#fff!important;padding:16px;transition:background .3s ease,border-color .3s ease}.dashboard-container .metrics-grid .metric-card:hover{background:#ffffff14!important;border-color:#fff3!important;transform:none!important}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metric-header h3{color:#b0b0b0;font-size:1rem;font-weight:500;margin:0}.metric-icon{font-size:1.5rem}.dashboard-container .metrics-grid .metric-value{color:#fff!important;font-size:2rem;font-weight:700;margin:0}.subscription-card .subscription-info{display:flex;flex-direction:column;gap:4px}.subscription-card .plan-name{font-size:1.4rem;font-weight:700;margin:0}.subscription-card .plan-status{font-size:.9rem;font-weight:500;opacity:.9}.manage-subscription-btn{background:linear-gradient(135deg,#2952ff,#1a40ff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.manage-subscription-btn:hover{box-shadow:0 4px 12px #2952ff4d;transform:translateY(-1px)}.skills-section{margin-bottom:40px}.skills-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:24px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px;text-align:center;transition:transform .3s ease}.skill-card:hover{background:#ffffff14;border-color:#fff3}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.skill-header h4{color:#fff;font-size:1.1rem;margin:0}.skill-score{font-size:2.2rem;font-weight:700;margin-bottom:8px}.skill-trend{font-size:.9rem;font-weight:600}.scenarios-section{margin-bottom:40px}.scenarios-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:24px}.scenarios-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.scenarios-section .scenario-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a;border-radius:12px;color:#fff!important;padding:20px;text-align:center;transition:all .3s ease}.scenarios-section .scenario-card:hover{background:#ffffff14!important;border-color:#fff3}.scenario-header{margin-bottom:12px}.scenarios-section .scenario-header h4{color:#fff!important;font-size:1rem;margin:0 0 4px}.scenarios-section .scenario-count{color:#b0b0b0!important;font-size:.8rem}.scenarios-section .scenario-score{font-size:1.8rem;font-weight:700}.dashboard-container .insights-section{background:#0000!important;border-radius:0!important;color:#fff!important;margin-bottom:40px;padding:0!important}.dashboard-container .insights-section h2{color:#fff!important;font-size:1.8rem;font-weight:600;margin-bottom:24px}.insights-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.insights-section .insights-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff1a;border-radius:16px;color:#fff!important;padding:16px;transition:all .3s ease}.insights-section .insights-card:hover{background:#ffffff14!important;border-color:#fff3}.insights-section .insights-card h3{color:#fff!important;font-size:1.3rem;margin:0 0 16px}.insights-section .insights-card ul{list-style:none;margin:0;padding:0}.insights-section .insights-card li{border-bottom:1px solid #ffffff1a;color:#b0b0b0!important;padding:8px 0 8px 20px;position:relative}.insights-section .insights-card li:last-child{border-bottom:none}.insights-section .insights-card li:before{color:#2952ff!important;content:"•";font-weight:700;left:0;position:absolute}.recent-sessions-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:24px}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-width:0;overflow:hidden;padding:20px;transition:all .3s ease}.session-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.session-card.resumable{background:#007bff0d;border-color:#007bff66}.session-card.resumable:hover{background:#007bff1a;border-color:#007bff99;box-shadow:0 4px 20px #007bff33}.session-card.expired{background:#ff6b6b0d;border-color:#ff6b6b66;opacity:.7}.session-card.expired:hover{background:#ff6b6b14;border-color:#ff6b6b99;cursor:not-allowed;transform:translateY(-2px)}.status-indicator{font-size:.9em;margin-left:8px}.status-indicator.expired{color:#ff6b6b}.session-status-container{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.session-info{flex:1 1;margin-right:16px;min-width:0}.session-info h4{color:#fff;font-size:1.1rem;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{color:#b0b0b0;display:flex;font-size:.9rem;gap:16px}.session-type{background:#2952ff33;border-radius:12px;color:#2952ff;font-size:.8rem;font-weight:600;padding:2px 8px}.session-scores{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;max-width:100%;overflow:hidden}.score-item{flex-basis:auto;flex-shrink:1;min-width:0;text-align:center}.score-label{color:grey;display:block;font-size:.7rem;margin-bottom:2px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value{font-size:1rem;font-weight:600;white-space:nowrap}.session-status{color:#ffc107;font-weight:600;text-transform:capitalize}@media (max-width:1024px){.dashboard-header{flex-direction:column;gap:16px;text-align:center}.insights-grid{grid-template-columns:1fr}.session-card{flex-direction:column;gap:16px;text-align:center}.session-scores{justify-content:center}}@media (max-width:480px){.dashboard-container{padding:12px}.metrics-grid,.quick-actions-grid{gap:12px;grid-template-columns:1fr}.metric-value{font-size:1.6rem}.quick-action-card{padding:14px}}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header,.quick-actions-section{margin-bottom:16px}.quick-actions-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:16px}.quick-action-card{padding:16px}.metrics-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.metric-value{font-size:1.8rem}.subscription-card .plan-name{font-size:1.2rem}.skills-grid{grid-template-columns:1fr}.scenarios-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.session-meta{flex-direction:column;gap:8px}}.usage-section{margin-bottom:40px}.usage-section .usage-display{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.usage-section .plan-badge{background:linear-gradient(135deg,#2952ff,#1a40ff)}.usage-section .usage-metric{background:#ffffff08;border-left-color:#2952ff}.usage-section .metric-name{color:#fff}.usage-section .metric-count{color:#2952ff}.usage-section .progress-bar{background:#ffffff1a}.usage-section .progress-text{color:#ccc}.usage-section .unlimited-text{color:#0f8}.usage-section .not-available{color:#999}.usage-section .reset-info{color:#ccc}.usage-section .usage-warning{background:#ffc10726;border-left-color:#ffc107;color:#ffc107}.scheduled-change-card{background:#ffc10714!important;border:1px solid #ffc1074d!important;box-shadow:0 4px 15px #ffc1071a}.scheduled-change-content-compact{text-align:center}.plan-transition{color:#fff;line-height:1.2}.change-date-compact{font-weight:500}.cancel-change-btn-compact:hover{background:#ffc107!important;color:#000!important;transform:translateY(-1px)}.placeholder-card{visibility:hidden}.scheduled-change-content{display:flex;flex-direction:column;gap:16px}.change-summary p{color:#fff;font-size:1rem;line-height:1.4;margin:0 0 12px}.change-date{display:flex;flex-direction:column;gap:4px}.date-label{color:#ffc107;font-size:.85rem;font-weight:500}.date-value{color:#fff;font-size:1rem;font-weight:600}.change-actions{display:flex;justify-content:center}.cancel-change-btn{background:#0000;border:2px solid #ffc107;border-radius:8px;color:#ffc107;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.cancel-change-btn:hover{background:#ffc107;box-shadow:0 4px 12px #ffc1074d;color:#000;transform:translateY(-1px)}@media (max-width:768px){.scheduled-change-section{margin:20px 0}.change-summary p,.date-value{font-size:.9rem}.cancel-change-btn{font-size:.85rem;padding:8px 16px}}.interview-room{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 120px);overflow:hidden;position:static}.interview-room.loading{align-items:center;justify-content:center}.loading-content{padding:40px;text-align:center}.loading-spinner{border:4px solid #ffffff1a;border-top-color:#2952ff;margin:0 auto 20px}.interview-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;min-width:0;padding:20px 30px;position:static;width:100%}.interview-info{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.interview-meta-row{align-items:center;display:flex;justify-content:space-between;margin-top:auto;width:100%}.interview-info h2{align-self:flex-start;color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.interview-meta{align-items:center;display:flex;gap:16px}.difficulty{border-radius:12px;font-size:.8rem;padding:4px 12px}.difficulty.beginner{background:#90ee9033;color:#90ee90}.message-count{color:#b0b0b0;font-size:.9rem}.interview-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:flex-end;margin-left:32px;min-width:0}.interview-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:8px 6px;transition:all .2s ease;white-space:nowrap}.action-icon{display:none;font-size:1rem}.action-text{display:block}.hint-button{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.hint-button:hover:not(:disabled){background:#ffc1074d}.end-button{background:#90ee9033;border:1px solid #90ee904d;color:#90ee90}.end-button:hover:not(:disabled){background:#90ee904d}.exit-button{background:#dc354533;border:1px solid #dc35454d;color:#dc3545}.exit-button:hover{background:#dc35454d}.interview-actions button:disabled{cursor:not-allowed;opacity:.5}.hint-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffc10780;border-radius:8px;box-shadow:0 4px 12px #ffc10733;display:flex;justify-content:space-between;left:30px;padding:16px;position:absolute;right:30px;top:10px;z-index:10}.hint-content{color:#ffc107cc;font-size:.9rem;font-weight:600;line-height:1.4}.close-hint{background:none;border:none;color:#ffc107cc;cursor:pointer;font-size:1.2rem;font-weight:700;margin-left:16px;padding:0}.messages-container{display:flex;flex:1 1;gap:12px;min-height:0;overflow-y:auto;padding:20px 30px}.message,.messages-container{flex-direction:column}.message.user{align-items:flex-end;align-self:flex-end}.message.assistant{align-items:flex-start;align-self:flex-start}.message.assistant:first-child{margin-top:8px}.message-content{border-radius:16px;font-size:1rem;line-height:1.5;padding:12px 16px}.message.user .message-content{background:linear-gradient(135deg,#2952ff,#1a40ff);border-bottom-right-radius:6px;color:#fff}.message.assistant .message-content{background:#ffffff1a;border:1px solid #ffffff1a;border-bottom-left-radius:6px;color:#fff}.message.system{justify-content:center;margin:8px 0}.message.system .message-content{background:#007bff1a;border:1px solid #007bff4d;border-radius:20px;color:#007bff;font-size:.9rem;font-style:italic;max-width:300px;padding:8px 16px;text-align:center}.message-time{color:grey;font-size:.7rem;margin-top:4px;padding:0 4px}.typing-indicator{align-items:center;display:flex;gap:4px;padding:8px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:grey;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #ffffff1a;flex-shrink:0;padding:20px 30px}.input-wrapper{align-items:flex-end;display:flex;gap:12px}.input-wrapper textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;flex:1 1;font-family:inherit;font-size:1rem;max-height:120px;min-height:48px;padding:12px 16px;resize:none;transition:all .2s ease}.input-wrapper textarea:focus{background:#ffffff26;border-color:#2952ff;outline:none}.input-wrapper textarea::placeholder{color:grey}.input-wrapper textarea:disabled{cursor:not-allowed;opacity:.6}.send-button{background:linear-gradient(135deg,#2952ff,#1a40ff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.send-button:hover:not(:disabled){box-shadow:0 4px 16px #2952ff4d;transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-hint{color:grey;font-size:.8rem}.input-copyright,.input-hint{margin-top:8px;text-align:center}.input-copyright{color:#ffffff80;font-size:.7rem}@media (min-width:769px) and (max-width:1024px){.interview-header{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;padding:15px 20px}.interview-info{align-items:flex-start!important;display:flex!important;flex-direction:column!important;width:100%!important}.interview-info h2{margin-bottom:12px!important;text-align:left!important;width:100%!important}.interview-meta-row{justify-content:space-between!important;margin-top:8px!important;width:100%!important}.interview-meta,.interview-meta-row{align-items:center!important;display:flex!important}.interview-meta{gap:16px!important}.interview-actions{display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end!important;margin-left:auto!important}.interview-actions button{font-size:.85rem;padding:6px 10px}.action-icon{display:none!important}.action-text{display:block!important}}@media (max-width:900px){.interview-header{padding:12px 16px}.interview-actions{gap:4px}.interview-actions button{font-size:.8rem;padding:6px 8px}}@media (max-width:640px){.interview-header{padding:10px 12px}.interview-info h2{font-size:1.2rem}.interview-meta{gap:8px}.interview-actions{gap:4px}.interview-actions button{font-size:.75rem;padding:4px 6px}.hint-panel{left:12px;padding:12px;right:12px;top:10px}}@media (max-width:768px){.interview-header{align-items:center;flex-direction:column;gap:6px;padding:12px 20px}.interview-info{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.interview-info h2{margin-bottom:6px!important;text-align:center!important;width:100%!important}.interview-meta{align-items:center!important;gap:12px!important;margin-bottom:8px!important}.interview-actions,.interview-meta{display:flex!important;justify-content:center!important}.interview-actions{flex-shrink:0!important;flex-wrap:nowrap!important;gap:8px!important;margin-left:0!important}.interview-actions button{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:44px;min-width:44px;padding:12px}.action-icon{display:block!important;line-height:1!important;margin:0!important;padding:0!important;vertical-align:middle!important}.action-text{display:none}.hint-panel{top:221px}.messages-container{gap:8px!important;padding:0 20px 16px}.message{max-width:95%}.input-container{padding:16px 20px}.input-wrapper{align-items:stretch;flex-direction:column}.hint-panel{flex-direction:column;gap:12px;left:20px;right:20px;top:175px}.close-hint{align-self:flex-end;margin:0}}.interview-results{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);margin:80px auto 0;max-width:800px;min-height:calc(100vh - 80px);padding:40px 20px}.interview-results .results-header{margin-bottom:40px;text-align:center}.interview-results .results-header h1{color:#fff;font-size:2.5rem;margin-bottom:16px}.interview-results .scenario-title{color:#aaa;font-size:1.1rem;margin:0}.interview-results .results-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:40px;padding:30px}.interview-results .analysis-section h2{color:#fff;font-size:1.5rem;margin-bottom:20px}.interview-results .analysis-text{color:#e0e0e0;font-size:1.1rem;line-height:1.6}.interview-results .analysis-details{display:flex;flex-direction:column;gap:20px}.interview-results .analysis-details .analysis-section{background:#ffffff08;border-radius:8px;padding:20px}.interview-results .analysis-details h4{color:#fff;font-size:1.1rem;margin:0 0 12px}.interview-results .analysis-details p{color:#e0e0e0;line-height:1.5;margin:0}.interview-results .results-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.interview-results .button-group{align-items:baseline;display:flex;gap:20px}.interview-results .primary-button,.interview-results .secondary-button{border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:auto}.interview-results .primary-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff;min-width:160px}.interview-results .primary-button:hover{box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.interview-results .secondary-button{background:#0000;border:2px solid #3498db;color:#3498db;min-width:160px}.interview-results .secondary-button:hover{background:#3498db;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.interview-results{padding:20px 16px}.interview-results .results-header h1{font-size:2rem}.interview-results .results-content{padding:20px}.interview-results .results-actions{align-items:flex-start;flex-direction:column}.interview-results .primary-button,.interview-results .secondary-button{max-width:300px;width:auto}}.warning-badge{background:#ffc10733;border-radius:8px;color:#ffc107;font-size:.75rem;font-weight:600;margin-left:8px;padding:2px 8px}.evaluate-button{background:#2952ff33;border:1px solid #2952ff4d;color:#2952ff}.evaluate-button:hover:not(:disabled){background:#2952ff4d}.max-turns-warning{background:#dc354533;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;font-weight:600;margin-bottom:16px;padding:12px 16px;text-align:center}.evaluation-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #00000080;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.evaluation-content{padding:24px}.evaluation-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.evaluation-header h3{color:#fff;font-size:1.2rem;margin:0}.close-evaluation{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:background .2s ease}.close-evaluation:hover{background:#ffffff1a}.evaluation-scores{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.evaluation-scores .score-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.evaluation-scores .score-item span{color:#b0b0b0;font-size:.9rem}.evaluation-scores .score-item strong{color:#fff;font-size:1.1rem}.evaluation-feedback{margin-bottom:24px}.evaluation-feedback h4{color:#fff;font-size:1rem;margin:0 0 12px}.evaluation-feedback p{color:#d0d0d0;line-height:1.6;margin:0}.evaluation-actions{display:flex;gap:12px;justify-content:flex-end}.continue-button{background:#2952ff33;border:1px solid #2952ff4d;border-radius:6px;color:#2952ff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.continue-button:hover{background:#2952ff4d}.finish-button{background:#90ee9033;border:1px solid #90ee904d;border-radius:6px;color:#90ee90;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.finish-button:hover{background:#90ee904d}.behavioral-selection-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:2rem}.selection-header{margin-bottom:40px;margin-top:0;padding-top:0;text-align:center}.selection-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2952ff,#41a5ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.selection-header p{color:#b0b0b0;font-size:1.1rem}.search-section{display:flex;justify-content:center;margin-bottom:40px}.search-wrapper{max-width:600px;position:relative;width:100%}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:16px 50px 16px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff1a;border-color:#2952ff;outline:none}.search-input::placeholder{color:#b0b0b0}.clear-search{background:none;border:none;border-radius:50%;color:#b0b0b0;cursor:pointer;font-size:1.5rem;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search:hover{background:#ffffff1a;color:#fff}.categories-section h2{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.category-card:before{background:var(--category-color);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.category-card:hover{background:#ffffff14;border-color:var(--category-color);box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.category-header{align-items:center;display:flex;margin-bottom:12px}.category-icon{font-size:2rem;margin-right:12px}.category-header h3{color:#fff;font-size:1.3rem;margin:0}.category-description{color:#d0d0d0;line-height:1.5;margin-bottom:16px}.category-meta{align-items:center;color:#b0b0b0;display:flex;font-size:.9rem;justify-content:space-between}.question-count{background:#ffffff1a;border-radius:6px;font-weight:600;padding:4px 8px}.questions-header{margin-bottom:30px}.back-button{margin-bottom:16px;padding:10px 16px;transition:all .2s ease}.back-button:hover{border-color:#2952ff}.questions-header h2{color:#fff;font-size:1.8rem;margin:0}.questions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:24px;transition:all .3s ease}.question-card:hover{background:#ffffff14;border-color:#2952ff;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.question-header{margin-bottom:16px}.question-meta{flex-wrap:wrap;gap:12px}.difficulty-badge{align-items:center;display:flex;text-transform:capitalize}.difficulty-badge,.time-estimate{font-size:.85rem;gap:4px}.question-content{margin-bottom:20px}.question-text{margin-bottom:8px}.question-description{color:#d0d0d0;font-size:.95rem;margin:0}.question-topics{margin-bottom:20px}.question-topics h4{color:#fff;font-size:.9rem;margin:0 0 8px}.topics-list{gap:6px}.topic-tag{background:#2952ff33;border-radius:6px;color:#41a5ff;font-size:.8rem;font-weight:500;padding:4px 8px}.question-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:16px}.category-label{align-items:center;color:#b0b0b0;display:flex;font-size:.85rem;gap:4px}.start-button{background:linear-gradient(135deg,#2952ff,#41a5ff);border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.start-button:hover{box-shadow:0 4px 12px #2952ff4d;transform:translateY(-1px)}.no-results{color:#b0b0b0;padding:60px 20px;text-align:center}.no-results h3{color:#fff;margin-bottom:10px}.quick-start-section{margin-top:60px;text-align:center}.quick-start-section h3{color:#fff;font-size:1.5rem;margin-bottom:30px}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.tip-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:center}.tip-card h4{color:#fff;font-size:1.1rem;margin:0 0 8px}.tip-card p{color:#d0d0d0;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.behavioral-selection-container{padding:20px 15px}.selection-header h1{font-size:2rem}.categories-grid{gap:16px;grid-template-columns:1fr}.questions-grid{gap:20px;grid-template-columns:1fr}.question-card{padding:20px}.question-footer{align-items:flex-start;flex-direction:column;gap:12px}.start-button{width:100%}.tips-grid{gap:16px;grid-template-columns:1fr}}.textarea-info{align-items:center;display:flex;font-size:.85rem;gap:16px;justify-content:space-between;margin-top:8px}.char-count{font-weight:600;transition:color .2s ease}.char-count-normal{color:#b0b0b0}.char-count-caution{color:orange}.char-count-warning{color:#ff6b6b}.char-count-min{color:#888;font-size:.75rem;font-weight:400}.help-text{color:#888;flex:1 1;font-style:italic;text-align:right}@media (max-width:768px){.textarea-info{align-items:flex-start;flex-direction:column;gap:4px}.help-text{text-align:left}}.interview-practice-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;min-height:100vh;padding:2rem}.interview-practice-error,.interview-practice-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.interview-practice-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#2952ff;height:40px;margin-bottom:20px;width:40px}.interview-practice-header{margin:0 auto 3rem;max-width:1000px;text-align:center}.interview-practice-header h1{margin-bottom:1rem}.interview-practice-header p{color:#e0e0e0;font-size:1.1rem;margin:0 auto;max-width:600px}.practice-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e32f2;border:1px solid #6495ed33;border-radius:12px;box-shadow:0 4px 16px #0003;margin:1rem auto 3rem;max-width:1000px;padding:1.5rem;text-align:center}.plan-status{color:#fff;font-size:1rem}.plan-status,.plan-status h3,.practice-benefits{margin-bottom:1rem}.benefit-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.benefit-item{flex-direction:column;gap:.25rem;text-align:center}.benefit-icon{font-size:1.5rem;margin-bottom:.25rem}.benefit-item strong{color:#fff;font-size:.9rem;font-weight:600}.benefit-item p{color:#b0b0b0;font-size:.8rem;line-height:1.3;margin:0}.usage-info{background:none;border-left:none;border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.usage-info small{background:none;border:none;color:#b0b0b0;font-size:.9rem;padding:0}.practice-items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto 3rem;max-width:1000px}.practice-item-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed33;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.practice-item-card:hover{background:linear-gradient(135deg,#23233cf2,#1e1e37f2);border-color:#6495ed66;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.practice-item-card:before{background:linear-gradient(90deg,#2952ff,#1a40ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.practice-item-card:hover:before{opacity:1}.card-header{gap:1rem;margin-bottom:1.5rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:#6495ed1a;border:1px solid #6495ed33;border-radius:12px;font-size:2.5rem;height:60px;justify-content:center;width:60px}.card-header h2{flex:1 1;margin:0}.card-description{flex:1 1;margin-bottom:1.5rem}.card-description p{color:#e0e0e0;line-height:1.5;margin-bottom:1rem}.category-details,.scenario-details{margin-top:1rem}.detail-item{font-size:.9rem;margin-bottom:.5rem}.detail-item strong{color:#fff;margin-right:.5rem}.difficulty-badge{fontSize:.8rem;background-color:#3498db;border-radius:4px;color:#fff;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.progress-indicator{margin-top:1rem}.progress-info{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.progress-text{color:#e0e0e0}.progress-percentage{color:#fff;font-weight:600}.progress-bar{background-color:#ffffff1a}.progress-fill{background-color:#2952ff;transition:width .3s ease}.card-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.select-button{background:linear-gradient(135deg,#2952ff,#1a40ff);font-size:1rem;padding:12px 24px}.select-button:hover{box-shadow:0 8px 25px #2952ff4d}.select-button.primary{background:linear-gradient(135deg,#2952ff,#1a40ff)}@media (max-width:768px){.interview-practice-container{padding:1rem}.practice-items-grid{gap:1.5rem;grid-template-columns:1fr}.benefit-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.practice-item-card{min-height:auto;padding:1.5rem}}@media (max-width:480px){.benefit-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.benefit-item strong{font-size:.8rem}.benefit-item p{font-size:.7rem}.card-header{flex-direction:column;gap:.75rem;text-align:center}}.question-card .card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.question-icon{background:#ffc1071a!important;border:1px solid #ffc10733!important;font-size:2rem!important;height:50px!important;width:50px!important}.question-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.difficulty-badge{display:inline-block}.time-estimate{align-items:center;color:#b0b0b0;display:flex;font-size:.8rem;gap:.25rem}.question-text{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.question-topics{margin-top:1rem}.topics-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.topic-tag{background:#6495ed33;border:1px solid #6495ed4d;border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem}.topic-tag.more{background:#ffffff1a;border:1px solid #fff3;color:#b0b0b0}.mock-setup-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;min-height:100vh;padding:2rem}.mock-setup-content{margin:0 auto;max-width:1200px}.mock-setup-content .back-button{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.mock-setup-content .back-button:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateX(-2px)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.loading-spinner{border:3px solid #fff3;border-top-color:#4caf50}.active-session-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf5026,#388e3c26);border:1px solid #4caf504d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.banner-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.banner-info h3{color:#4caf50;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.banner-info p{color:#e0e0e0;line-height:1.4;margin:0}.banner-actions{align-items:baseline;display:flex;flex-shrink:0;gap:1rem}.new-interview-button,.resume-button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.2;margin:0;padding:12px 24px;transition:all .3s ease;vertical-align:top;white-space:nowrap}.resume-button{background:linear-gradient(135deg,#4caf50,#388e3c);border:1px solid #0000;color:#fff}.resume-button:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.new-interview-button{background:#0000;border:1px solid #fff3;color:#fff}.new-interview-button:hover{background:#ffffff0d;border-color:#ffffff4d}@media (max-width:768px){.banner-content{flex-direction:column;text-align:center}.banner-actions{justify-content:center;width:100%}}.setup-header{margin-bottom:3rem;text-align:center}.setup-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.setup-header p{color:#e0e0e0;font-size:1.1rem;margin:0 auto;max-width:600px}.job-description-choice{text-align:center}.job-description-choice h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem}.choice-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.choice-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.choice-card:hover{border-color:#6495ed80;box-shadow:0 8px 32px #0000004d;transform:translateY(-5px)}.choice-icon{font-size:3rem;margin-bottom:1rem}.choice-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #0006}.choice-card p{color:#d0d0d0;line-height:1.6;margin-bottom:1.5rem}.choice-benefits{display:flex;flex-direction:column;gap:.5rem}.choice-benefits span{color:#27ae60;font-size:.9rem;font-weight:500}.personality-section-full{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;margin-bottom:2rem;padding:2rem}.personality-section-full h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #00000080}.details-info-row{align-items:flex-start;display:flex;gap:2rem;margin-bottom:0}.interview-info-section,.job-details-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;display:flex;flex:1 1;flex-direction:column;padding:2rem}.interview-info-section,.job-details-section{background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33}.interview-info-section h2,.job-details-section h2{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #0006}.optional{color:#b0b0b0;font-size:.9em;font-weight:400}.section-description{color:#d0d0d0;font-size:.95rem}.info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.info-item{align-items:flex-start;gap:.75rem}.info-icon{flex-shrink:0;font-size:1.5rem}.info-content{flex:1 1}.info-content strong{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.info-content p{color:#d0d0d0;font-size:.85rem;line-height:1.4;margin:0}.setup-actions{align-items:flex-end;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;margin-top:3rem;padding-top:2rem}.action-help-text{color:#fffc;font-size:.95rem;margin:0}.start-interview-button{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:250px;padding:1rem 3rem;transition:all .3s ease}.start-interview-button:hover:not(:disabled){box-shadow:0 5px 15px #2ecc7166;transform:translateY(-2px)}.start-interview-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.setup-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;padding:2rem}.form-section,.setup-form{margin-bottom:2rem}.form-section:last-of-type{margin-bottom:0}.form-section h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #0006}.section-description{color:#666;line-height:1.5;margin-bottom:1.5rem}.form-group input,.form-group textarea{background:#ffffff1a;border:2px solid #6495ed4d;box-sizing:border-box;font-family:inherit;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4169e1;box-shadow:0 0 0 3px #4169e133}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b0b0}.form-group textarea{line-height:1.5}.job-details-section .form-group:last-child,.job-details-section form{display:flex;flex:1 1;flex-direction:column}.job-details-section .form-group:last-child textarea{flex:1 1;min-height:120px}.textarea-help{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-top:.5rem}.char-count{color:#b0b0b0}.help-text{color:#4169e1;font-weight:500}.form-actions{justify-content:flex-end;margin-top:2rem}.form-actions button{border:none;font-size:1rem;padding:.75rem 1.5rem}.skip-button{background:#0000;border:2px solid #6495ed4d!important;color:#d0d0d0}.skip-button:hover:not(:disabled){background:#ffffff1a;border-color:#6495ed80!important;color:#fff}.start-button{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.start-button:hover:not(:disabled){box-shadow:0 5px 15px #2ecc7166;transform:translateY(-2px)}.start-button.full-width{font-size:1.1rem;padding:1rem 1.5rem;width:100%}.form-actions button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.general-interview-info{margin-bottom:2rem}.interview-preview{background:#ffffff0d;border:1px solid #6495ed33;border-radius:12px;padding:1.5rem}.interview-preview h3{color:#fff;font-weight:600;margin-bottom:1.5rem;text-shadow:0 1px 2px #0006}.preview-grid{grid-gap:1rem;display:grid;gap:1rem}.preview-item{align-items:flex-start;display:flex;gap:1rem}.preview-icon{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.preview-item strong{color:#fff;display:block;font-weight:600;margin-bottom:.25rem}.preview-item p{color:#d0d0d0;font-size:.9rem;margin:0}.setup-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:1.5rem}.interview-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.info-item{font-size:.9rem}.info-item strong{color:gold;display:block;margin-bottom:.25rem}@media (max-width:768px){.mock-setup-container{padding:1rem}.personality-section-full{padding:1.5rem}.details-info-row{flex-direction:column;gap:1.5rem}.interview-info-section,.job-details-section{box-sizing:border-box;flex:none;padding:1.5rem;width:100%}.info-grid{gap:1rem;grid-template-columns:1fr}.setup-actions{flex-direction:column;gap:.75rem}.setup-actions button{width:100%}.choice-cards{gap:1.5rem;grid-template-columns:1fr}.choice-card,.setup-form{padding:1.5rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions button{width:100%}.interview-info{gap:.75rem;grid-template-columns:1fr}.setup-header h1{font-size:2rem}}.interview-analysis-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;min-height:100vh;padding:1rem}.celebration-overlay{animation:fadeIn .3s ease-in-out}.celebration-content{animation:scaleIn .5s ease-in-out}.celebration-emoji{animation:bounce 1s ease-in-out infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.analysis-header{background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed26;border-radius:12px;padding:2rem}.analysis-header p{color:#e0e0e0;font-size:1.125rem;margin:0}.analysis-tabs{background:#1e1e3280;border:1px solid #6495ed26}.tab-button{color:#e0e0e0;flex:1 1;font-size:.9rem;padding:.75rem 1rem}.tab-button:hover{background:#6495ed1a;color:#fff}.tab-button.active{background:#4169e1;box-shadow:0 2px 8px #4169e14d}.score-card-main{background:linear-gradient(135deg,#1e1e32fa,#19192dfa)!important;border:1px solid #6495ed26;border-radius:12px;box-shadow:0 4px 16px #0003}.score-header h2{color:#fff}.score-badge{border-radius:12px;min-width:80px;padding:.5rem 1rem}.performance-message{color:#e0e0e0}.metrics-grid{grid-gap:1rem;gap:1rem}.metric-card{background:#ffffff0d;border:1px solid #6495ed1f}.metric-card h3{font-size:.9rem}.metric-label{color:#b0b0b0;font-size:.8rem}.competency-section{background:#ffffff0d;border:1px solid #6495ed1f}.competency-section h3{text-align:center}.competency-bar{background:#ffffff0d;border:1px solid #6495ed1a;border-radius:8px;padding:1rem}.competency-header{margin-bottom:.5rem}.competency-score{font-size:1.1rem}.progress-bar{background:#ffffff1a;width:100%}.progress-fill{transition:width .8s ease-in-out}.insight-card{background:#ffffff14;border:1px solid #6495ed1f}.insight-card.strengths{background:#10b9811f!important;border-color:#10b9814d!important}.insight-card.improvements{background:#f59e0b1f!important;border-color:#f59e0b4d!important}.insight-card h4{align-items:center;color:#fff!important;display:flex;font-size:1.1rem;gap:.5rem}.insight-card li{color:#fff!important;font-weight:500!important;line-height:1.4;margin-bottom:.75rem;padding-left:1rem;position:relative;text-shadow:0 1px 3px #000c!important}.insight-card.strengths li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.insight-card.improvements li:before{color:#f59e0b;content:"→";font-weight:700;left:0;position:absolute}.analysis-detailed h3{color:#fff;margin-bottom:2rem;text-align:center}.feedback-section{background:#1e1e32f2!important;border:1px solid #6495ed1f;padding:2rem}.section-title{color:#fff!important;font-size:1.25rem;margin-bottom:1.5rem}.feedback-list{gap:1rem}.feedback-item{background:#1e1e32e6!important;border:1px solid #6495ed1a;gap:1rem;padding:1rem}.feedback-icon{font-size:1.2rem;font-weight:700}.feedback-number{background:#4169e1;font-size:1rem;font-weight:700}.feedback-text{color:#e0e0e0!important}.strength-item .feedback-icon{color:#10b981}.improvement-item .feedback-icon{color:#f59e0b}.coaching-item .feedback-icon{color:#3b82f6}.analysis-star h3{color:#fff;font-size:1.5rem;font-weight:600;text-align:center}.star-description{color:#e0e0e0;margin-bottom:2rem;text-align:center}.star-evaluation-card{background:#1e1e32f2!important;border:1px solid #6495ed1f}.star-question{color:#fff;font-size:1.25rem}.star-question-text{color:#e0e0e0;line-height:1.5;margin-bottom:1.5rem}.star-overall-score{color:#fff;margin-bottom:2rem}.star-score-badge{font-size:1.1rem}.star-component{background:#1e1e32e6!important;border:1px solid #6495ed1a;padding:1.5rem}.star-component-header{margin-bottom:.75rem}.star-component-name{color:#fff;font-size:1rem}.star-component-status.present{background:#10b98133;color:#10b981}.star-component-status.missing{background:#ef444433;color:#ef4444}.star-component-feedback,.star-component-quality{color:#e0e0e0}.no-star-data{background:#1e1e32f2!important;border:1px solid #6495ed1f;border-radius:12px;color:#e0e0e0;padding:2rem;text-align:center}.analysis-voice h3{color:#fff;font-size:1.5rem;font-weight:600;text-align:center}.voice-metrics-grid{grid-gap:1rem;gap:1rem}.voice-metric-card{background:#1e1e32f2!important;border:1px solid #6495ed1f}.voice-metric-card h4{color:#e0e0e0;font-size:1rem}.voice-metric-value{color:#fff}.voice-metric-assessment{color:#b0b0b0}.pause-analysis{background:#1e1e32f2!important;border:1px solid #6495ed1f;padding:2rem}.pause-analysis h4{color:#fff;font-size:1.25rem}.pause-analysis h4,.pause-metrics{margin-bottom:1.5rem}.pause-metric{align-items:center;background:#1e1e32e6!important;border:1px solid #6495ed1a;border-radius:8px}.pause-metric span:first-child{color:#e0e0e0}.pause-metric span:last-child{color:#fff;font-weight:600}.pause-feedback{gap:.75rem}.voice-tip{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;color:#e0e0e0;padding:1rem}.no-voice-data{background:#1e1e32f2!important;border:1px solid #6495ed1f;border-radius:12px;color:#e0e0e0;padding:2rem;text-align:center}.no-voice-data p{line-height:1.5;margin-bottom:1rem}.no-voice-data p:last-child{margin-bottom:0}.analysis-actions{background:#ffffff0d;border:1px solid #6495ed1f;border-radius:12px;padding:2rem}.action-button{align-items:center;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;pointer-events:auto!important;position:relative;text-decoration:none;z-index:10}.action-button.primary{background:#4169e1}.action-button.primary:hover{background:#1e90ff;box-shadow:0 4px 12px #4169e14d}.action-button.secondary{background:#1e1e32f2!important;border:1px solid #6495ed66;color:#fff!important}.action-button.secondary:hover{background:#6495ed26;border-color:#6495ed99}.action-button.download{background:#16a34a}.action-button.download:hover{background:#15803d;box-shadow:0 4px 12px #16a34a4d}.interview-analysis-container .analysis-card,.interview-analysis-container .card,.interview-analysis-container .competency-bar,.interview-analysis-container .metric-card,.interview-analysis-container .pause-metric{background:#1e1e32e6!important;color:#fff!important}.interview-analysis-container *{color:inherit}.interview-analysis-container h1,.interview-analysis-container h2,.interview-analysis-container h3,.interview-analysis-container h4,.interview-analysis-container h5,.interview-analysis-container h6{color:#fff!important}.interview-analysis-container div,.interview-analysis-container p,.interview-analysis-container span{color:inherit}@media (max-width:768px){.interview-analysis-container{padding:.5rem}.analysis-header{padding:1.5rem}.analysis-header h1{font-size:2rem}.analysis-tabs{flex-direction:column;gap:.25rem}.insights-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.voice-metrics-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column}.action-button{justify-content:center;width:100%}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.competency-header,.star-component-header{align-items:flex-start;flex-direction:column;gap:.5rem}.pause-metrics{grid-template-columns:1fr}}.mock-interview-room{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}.mock-interview-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:12px;box-shadow:0 4px 16px #0003;margin-bottom:1.5rem;padding:1.5rem}.header-content{margin-bottom:1.5rem}.header-title h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .25rem;text-shadow:0 2px 4px #00000080}.header-title p{color:#e0e0e0;font-size:1.1rem;margin:0}.exit-button-header{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.exit-button-header:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}.mock-interview-progress{align-items:center;display:flex;gap:1rem;justify-content:center;padding:1rem 0}.progress-step{border-radius:8px;flex-direction:column;padding:.5rem;position:relative;transition:all .3s}.progress-step.completed{background:#2ecc7133;border:1px solid #2ecc714d}.progress-step.current{background:#6495ed33;border:1px solid #6495ed4d;box-shadow:0 0 0 2px #4169e1}.step-icon{font-size:1.5rem;margin-bottom:.5rem;transition:transform .2s}.step-label{color:#d0d0d0;font-size:.875rem;font-weight:500}.progress-step.completed .step-label{color:#2ecc71}.progress-step.current .step-label{color:#4169e1;color:#3b82f6;font-weight:600}.step-connector{background:#6495ed33;height:2px;left:100%;position:absolute;top:50%;transform:translateY(-50%);width:1rem;z-index:-1}.progress-step.completed+.progress-step .step-connector{background:#2ecc71}.mock-interview-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:12px;box-shadow:0 4px 16px #0003;flex:1 1;overflow:hidden;position:relative}.loading-overlay{background:#19192df2;bottom:0;color:#fff;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:50}.loading-overlay,.mock-interview-error{align-items:center;display:flex;justify-content:center}.mock-interview-error{min-height:400px;padding:2rem;text-align:center}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#232338f2,#1e1e32f2);border:1px solid #dc35454d;border-radius:16px;box-shadow:0 8px 32px #dc35451a;margin:0 auto;max-width:520px;padding:2.5rem;width:100%}.error-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.error-icon{line-height:1}.error-title{color:#dc3545;font-size:1.5rem;font-weight:600;margin:0;text-align:center}.error-body{margin-bottom:2rem}.error-message{color:#fff;font-size:1.1rem;line-height:1.5}.error-details,.error-message{margin:0 0 1rem;text-align:center}.error-details{color:#d0d0d0;font-size:.9rem;font-style:italic;line-height:1.4}.error-actions{align-items:center;flex-wrap:nowrap;margin-top:0}.exit-button,.retry-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;height:52px;justify-content:center;line-height:1;margin:0;min-width:140px;overflow:hidden;padding:14px 28px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.exit-button:before,.retry-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.exit-button:hover:before,.retry-button:hover:before{left:100%}.retry-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 4px 16px #dc26264d}.retry-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#b91c1c;box-shadow:0 6px 20px #dc262666}.retry-button:active{box-shadow:0 2px 10px #dc26264d;transform:translateY(0)}.exit-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-color:#fff3}.exit-button:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 4px 16px #ffffff1a;transform:translateY(-2px)}.exit-button:active{box-shadow:0 2px 10px #ffffff0d;transform:translateY(0)}@media (max-width:768px) and (min-width:601px){.exit-button,.retry-button{font-size:.875rem;height:44px;min-width:100px;padding:10px 16px}.error-actions{flex-wrap:nowrap;gap:.5rem}.error-content{max-width:90%;padding:2rem 1.5rem}}@media (max-width:600px){.mock-interview-error{min-height:300px;padding:1rem}.error-content{margin:0 1rem;max-width:100%;padding:2rem 1.5rem}.error-icon{font-size:3rem}.error-title{font-size:1.25rem}.error-message{font-size:1rem}.error-actions{flex-direction:column;gap:.75rem}.exit-button,.retry-button{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.error-content{border-radius:12px;padding:1.5rem 1rem}.error-body,.error-header{margin-bottom:1.5rem}}.job-upload-container{margin:0 auto;max-width:800px;padding:2rem}.upload-header{margin-bottom:2rem;text-align:center}.upload-header h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #00000080}.upload-header p{color:#e0e0e0;font-size:1.1rem}.upload-method-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.method-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:12px;box-shadow:0 4px 16px #0003;cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.method-card:hover{border-color:#6495ed80;box-shadow:0 8px 32px #6495ed4d;transform:translateY(-2px)}.method-icon{font-size:3rem;margin-bottom:1rem}.method-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #0006}.method-card p{color:#d0d0d0;margin-bottom:1rem}.method-benefits{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.method-benefits span{color:#2ecc71}.personality-selection-container{margin:0 auto;max-width:1000px;padding:2rem}.personality-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.back-button{font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.header-content{flex:1 1;text-align:center}.header-content h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #00000080}.personalities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.personality-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:12px;box-shadow:0 4px 16px #0003;cursor:pointer;padding:1.5rem;transition:all .2s}.personality-card:hover{border-color:#6495ed80;box-shadow:0 8px 32px #6495ed4d;transform:translateY(-2px)}.personality-card.selected{background:linear-gradient(135deg,#4169e133,#1e90ff33);border-color:#4169e1;box-shadow:0 0 0 2px #4169e1}.personality-header-card{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;position:relative}.personality-avatar{align-items:center;background:#ffffff1a;border:1px solid #6495ed4d;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.personality-info h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.25rem;text-shadow:0 1px 2px #0006}.personality-type{color:#d0d0d0;font-size:.875rem}.selected-indicator{align-items:center;background:#4169e1;border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:0;top:0;width:24px}.checkmark{color:#fff;font-size:14px}.personality-description{margin-bottom:1rem}.personality-characteristics h4{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.characteristics-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.characteristic-tag{background:#6495ed33;border:1px solid #6495ed4d;border-radius:4px;color:#e0e0e0;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.voice-preview-button{align-items:center;background:#4169e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.voice-preview-button:hover{background:#1e90ff}.voice-preview-button:disabled{background:#9ca3af;cursor:not-allowed}.voice-preview-button.playing{background:#16a34a}.voice-interface-container{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 200px)}.interviewer-header{align-items:center;background:linear-gradient(135deg,#1e1e32f2,#19192df2);border-bottom:1px solid #6495ed33;display:flex;justify-content:space-between;padding:1.5rem}.interviewer-info{align-items:center;display:flex;gap:1rem}.interviewer-avatar{align-items:center;background:#ffffff1a;border:2px solid #6495ed4d;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.interviewer-details h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.25rem;text-shadow:0 1px 2px #0006}.voice-info{color:#d0d0d0;font-size:.875rem}.voice-enabled{color:#16a34a;font-weight:500}.voice-disabled{color:#dc2626;font-weight:500}.text-mode{color:#64a5f3;font-weight:500}.conversation-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.conversation-history{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.message{display:flex;gap:1rem;max-width:80%}.message.interviewer{align-self:flex-start}.message.candidate{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:#ffffff1a;border:1px solid #6495ed4d;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.message.candidate .message-avatar{background:#4169e133;border-color:#4169e1}.message-content{flex:1 1;min-width:0}.message-text{background:#ffffff1a;border:1px solid #6495ed33;border-radius:12px;color:#fff;line-height:1.5;padding:.75rem 1rem}.message.candidate .message-text{background:#4169e1;border-color:#1e90ff;color:#fff}.message-metadata{color:#b0b0b0;display:flex;font-size:.75rem;gap:1rem;margin-top:.5rem}.thinking{opacity:.8}.thinking-indicator{align-items:center;background:#ffffff1a;border:1px solid #6495ed33;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1rem}.thinking-dots{display:flex;gap:.25rem}.thinking-dots span{animation:thinking 1.4s ease-in-out infinite both;background:#4169e1;border-radius:50%;height:6px;width:6px}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.voice-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.voice-error .error-icon{font-size:.875rem}.voice-error .error-text{color:#dc2626;line-height:1.3}.recording-interface{background:linear-gradient(135deg,#1e1e32f2,#19192df2);border-top:1px solid #6495ed33;padding:1.5rem}.recording-controls{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.primary-controls,.record-button,.recording-controls{align-items:center;display:flex}.record-button{border:none;border-radius:24px;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s}.record-button.start{background:#dc2626;border:1px solid #dc26264d;color:#fff}.record-button.start:hover{background:#b91c1c;transform:scale(1.05)}.record-button.stop{background:#4169e1;border:1px solid #4169e14d;color:#fff}.record-button.stop:hover{background:#1e90ff}.record-button:disabled{border-color:#6b72804d;color:#d1d5db;cursor:not-allowed}.record-button:disabled,.record-button:disabled:hover{background:#6b7280;transform:none}.replay-audio{background:#4169e133;border-radius:4px;color:#4169e1;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.replay-audio:hover{background:#4169e14d;border-color:#4169e1}.replay-audio:disabled{background:#22c55e4d;border-color:#22c55e4d;color:#16a34a;cursor:default}.recording-active-controls{align-items:center;display:flex;gap:1rem}.control-button{background:#ffffff1a;border:1px solid #6495ed4d;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.control-button:hover{background:#fff3;border-color:#6495ed80}.text-fallback-link{background:#4169e11a;border:1px solid #4169e14d;border-radius:24px;color:#4169e1;display:flex;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.recording-status{background:#ffffff0d;border:1px solid #6495ed33;border-radius:8px;margin-bottom:1rem;padding:1rem}.status-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.recording-indicator{align-items:center;color:#dc2626;display:flex;font-weight:500;gap:.5rem}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background:#dc2626;border-radius:50%;height:8px;width:8px}.paused-indicator{background:#f59e0b;border-radius:4px;color:#fff;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}.audio-visualization{align-items:center;background:#ffffff0d;border:1px solid #6495ed33;border-radius:8px;display:flex;gap:1rem;padding:1rem}.visualization-label{color:#fff;font-size:.875rem;font-weight:500;min-width:80px}.audio-level-bars{align-items:end;display:flex;flex:1 1;gap:2px;height:40px}.audio-bar{background:#e5e7eb;border-radius:2px;transition:all .1s;width:4px}.audio-bar.active{background:#10b981}.level-value{color:#fff;font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.text-fallback-interface{background:#ffffff0d;border:1px solid #6495ed33;border-radius:8px;padding:1rem}.fallback-header{margin-bottom:1rem;text-align:center}.fallback-header h4{color:#fff;text-shadow:0 1px 2px #0006}.fallback-header p{color:#d0d0d0}.text-input-area{margin:0 auto;max-width:600px}.response-textarea{background:#ffffff1a;border:1px solid #6495ed4d;border-radius:8px;color:#fff;font-size:1rem;line-height:1.5;min-height:120px;padding:1rem;resize:vertical;width:100%}.response-textarea:focus{border-color:#4169e1;box-shadow:0 0 0 3px #4169e133;outline:none}.response-textarea::placeholder{color:#b0b0b0}.text-actions{align-items:flex-end;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.submit-text-button{background:#4169e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.submit-text-button:hover{background:#1e90ff}.switch-to-voice-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16a34a1a;border:1px solid #16a34a4d;border-radius:8px;color:#22c55e;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.switch-to-voice-button:hover{background:#16a34a33;border-color:#16a34a80;box-shadow:0 2px 8px #16a34a33;transform:translateY(-1px)}.setup-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #ef44444d;border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.setup-error .error-icon{font-size:3rem;margin-bottom:1rem}.setup-error h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.setup-error p{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.setup-error .exit-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.setup-error .exit-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.upgrade-prompt{background:linear-gradient(135deg,#4169e1,#1e90ff);border:none;border-radius:6px;box-shadow:0 2px 8px #4169e14d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.upgrade-prompt:hover{background:linear-gradient(135deg,#1e90ff,#4169e1);box-shadow:0 4px 12px #4169e166;transform:translateY(-1px)}.compatibility-warning,.permission-request{margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.permission-content,.warning-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #f59e0b4d;border-radius:12px;color:#fff;padding:2rem}.permission-icon,.warning-icon{font-size:3rem;margin-bottom:1rem}.browser-support-details{background:#ffffff1a;border:1px solid #6495ed33;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:left}.support-item{padding:.25rem 0}.supported{color:#16a34a}.not-supported{color:#dc2626}.permission-steps,.warning-actions{margin-top:1.5rem}.permission-steps ol{margin:1rem auto;max-width:400px;text-align:left}.permission-steps li{margin:.5rem 0}.voice-usage-info{align-items:center;background:#4169e11a;border:1px solid #4169e14d;border-radius:6px;color:#fff;display:flex;font-size:.875rem;justify-content:space-between;margin-top:1rem;padding:.75rem}.interview-analysis-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:12px;box-shadow:0 4px 16px #0003;margin:0 auto;max-width:1200px;padding:2rem}.celebration-overlay{align-items:center;animation:fadeIn .5s ease-in-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.celebration-content{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed4d;border-radius:16px;color:#fff;padding:3rem;text-align:center}.celebration-emoji{font-size:4rem;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.analysis-header{margin-bottom:2rem;text-align:center}.analysis-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #00000080}.analysis-header p{color:#d0d0d0;font-size:1.1rem}.analysis-tabs{background:#ffffff0d;border:1px solid #6495ed33;border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.tab-button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.tab-button:hover{background:#fff;color:#374151}.tab-button.active{background:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.analysis-content{margin-bottom:2rem;min-height:600px}.analysis-overview{display:flex;flex-direction:column;gap:2rem}.score-card-main{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;padding:2rem;text-align:center}.score-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.score-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.score-badge{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.performance-level{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.performance-message{color:#64748b;font-size:1rem;margin:0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.metric-card h3{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem}.metric-value{color:#1e293b;margin-bottom:.25rem}.metric-label{color:#64748b;font-size:.875rem}.competency-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.competency-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.competency-bars{gap:1rem}.competency-bar,.competency-bars{display:flex;flex-direction:column}.competency-bar{gap:.5rem}.competency-header{justify-content:space-between}.competency-name{color:#374151;font-weight:500}.competency-score{font-size:.875rem;font-weight:600}.progress-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease-in-out}.insights-grid{grid-template-columns:1fr 1fr}.insight-card{border:1px solid #e2e8f0}.insight-card.strengths{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#bbf7d0}.insight-card.improvements{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.insight-card h4{color:#374151;font-size:1rem;margin-bottom:1rem}.insight-card ul{list-style:none;margin:0;padding:0}.insight-card li{border-bottom:1px solid #0000000d;color:#4b5563;padding:.5rem 0}.insight-card li:last-child{border-bottom:none}.analysis-detailed{display:flex;flex-direction:column;gap:2rem}.analysis-detailed h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feedback-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.section-title{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.strengths-title{color:#059669}.improvements-title{color:#d97706}.feedback-title{color:#3b82f6}.nextsteps-title{color:#7c3aed}.feedback-list{display:flex;flex-direction:column;gap:.75rem}.feedback-item{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.feedback-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:20px;justify-content:center;margin-top:.125rem;width:20px}.strength-item .feedback-icon{background:#059669;color:#fff}.improvement-item .feedback-icon{background:#d97706;color:#fff}.coaching-item .feedback-icon{background:#3b82f6;color:#fff}.feedback-number{align-items:center;background:#7c3aed;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:24px;justify-content:center;width:24px}.feedback-text{color:#374151;flex:1 1;line-height:1.5}.analysis-star{display:flex;flex-direction:column;gap:2rem}.star-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:1rem}.star-evaluations{display:flex;flex-direction:column;gap:2rem}.star-evaluation-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.star-question{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.star-question-text{color:#64748b;font-style:italic;margin-bottom:1rem}.star-overall-score{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem}.star-score-badge{font-size:1.125rem;font-weight:700}.star-components{display:flex;flex-direction:column;gap:1rem}.star-component{background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:8px;padding:1rem}.star-component-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.star-component-name{color:#1e293b;font-weight:600;min-width:80px}.star-component-status{border-radius:4px;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.star-component-status.present{background:#dcfce7;color:#166534}.star-component-status.missing{background:#fee2e2;color:#dc2626}.star-component-quality{color:#64748b;font-size:.875rem}.star-component-feedback{color:#4b5563;line-height:1.5;margin:0}.analysis-voice,.voice-metrics{display:flex;flex-direction:column;gap:2rem}.voice-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.voice-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.voice-metric-card h4{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.voice-metric-value{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.voice-metric-assessment{color:#64748b;font-size:.875rem}.pause-analysis{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.pause-analysis h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.pause-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.pause-metric{background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.pause-feedback{display:flex;flex-direction:column;gap:.5rem}.voice-tip{border-radius:6px;font-size:.875rem;line-height:1.5;margin:0;padding:.75rem}.voice-tip:first-child{background:#fef3c7;color:#92400e}.no-star-data,.no-voice-data{color:#64748b;padding:3rem;text-align:center}.no-voice-data p{margin-bottom:.5rem}.analysis-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding-top:2rem}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.action-button.primary{background:#3b82f6;color:#fff}.action-button.primary:hover{background:#2563eb;transform:translateY(-1px)}.action-button.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.action-button.secondary:hover{background:#e2e8f0}.action-button.download{background:#059669;color:#fff}.action-button.download:hover{background:#047857;transform:translateY(-1px)}@media (max-width:768px){.mock-interview-room{padding:.5rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.mock-interview-progress{gap:.5rem;padding:.5rem}.progress-step{padding:.25rem}.step-icon{font-size:1.25rem}.step-label{font-size:.75rem}.personalities-grid,.upload-method-selection{grid-template-columns:1fr}.conversation-history{padding:.5rem}.message{max-width:95%}.audio-visualization,.recording-controls{flex-direction:column;gap:.5rem}.audio-visualization{align-items:stretch}.status-info,.voice-usage-info{flex-direction:column;gap:.5rem;text-align:center}.text-fallback-interface{padding:.5rem}.response-textarea{box-sizing:border-box;max-width:100%;min-height:100px;padding:.75rem;width:100%}.text-actions{align-items:flex-end;gap:.5rem;justify-content:flex-end}.submit-text-button,.switch-to-voice-button{flex-shrink:0;font-size:.8rem;padding:.5rem .75rem}.voice-interface-container{height:auto;max-height:none}.conversation-container{max-height:60vh;overflow-y:auto}.recording-interface{padding:1rem .5rem}.interview-completion{bottom:0;margin-top:1rem;padding:1rem;position:relative}.complete-interview-button{font-size:1rem;min-width:200px;padding:.75rem 1.5rem}.interview-analysis-container{padding:1rem}.analysis-header h1{font-size:2rem}.analysis-tabs{overflow-x:scroll}.insights-grid{grid-template-columns:1fr}.metrics-grid,.voice-metrics-grid{grid-template-columns:1fr 1fr}.pause-metrics{grid-template-columns:1fr}.analysis-actions{flex-direction:column}.star-component-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.interview-completion{background:linear-gradient(135deg,#f0f7ff,#e6f3ff);border:2px solid #3b82f6;border-radius:12px;margin-top:1.5rem;padding:1.5rem;text-align:center}.completion-info{margin-bottom:1rem}.completion-info p{color:#1e293b;font-size:1rem;font-weight:500;margin:0}.complete-interview-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:240px;padding:1rem 2rem;transition:all .2s}.complete-interview-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.complete-interview-button:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.switch-to-voice{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;box-shadow:0 2px 8px #16a34a4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:1rem 0;padding:.75rem 1.5rem;transition:all .3s ease}.switch-to-voice:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 12px #16a34a66;transform:translateY(-2px)}.switch-to-voice:active{box-shadow:0 2px 6px #16a34a4d;transform:translateY(0)}.replay-audio{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#4169e11a,#1e90ff1a);border:1px solid #4169e14d;border-radius:8px;box-shadow:0 2px 4px #4169e11a;color:#3b82f6;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;margin-left:.5rem;padding:.5rem .75rem;transition:all .2s ease}.replay-audio:hover{background:linear-gradient(135deg,#4169e133,#1e90ff40);border-color:#4169e199;box-shadow:0 4px 12px #4169e14d;color:#fff;transform:translateY(-2px)}.replay-audio:active{box-shadow:0 2px 8px #4169e166;transform:translateY(-1px)}.replay-audio:disabled{cursor:not-allowed;opacity:.5}.replay-audio:disabled,.replay-audio:disabled:hover{background:linear-gradient(135deg,#4169e10d,#1e90ff0d);box-shadow:0 2px 4px #4169e11a;transform:none}.replay-audio:disabled:hover{border-color:#4169e133;color:#4169e1}.audio-unavailable{align-items:center;background:linear-gradient(135deg,#9ca3af1a,#6b72801a);border:1px solid #9ca3af4d;border-radius:8px;color:#9ca3af;cursor:default;display:flex;font-size:.8rem;font-style:italic;font-weight:500;gap:.5rem;opacity:.8;padding:.5rem .75rem}.invalid-recording-alert{animation:alertSlideIn .3s ease-out;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;border-radius:8px;margin:1rem 0}.alert-content{align-items:center;display:flex;gap:.75rem;padding:1rem}.alert-icon{flex-shrink:0;font-size:1.25rem}.alert-message{color:#ef4444;flex:1 1;font-size:.9rem;font-weight:500}.dismiss-alert-button{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:700;padding:.25rem;transition:background-color .2s}.dismiss-alert-button:hover{background:#ef44441a}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-fallback-link{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.text-fallback-link:hover{background:#fbbf2433;border-color:#fbbf2480;box-shadow:0 2px 6px #fbbf244d;color:#fff;transform:translateY(-1px)}.pricing-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);min-height:100vh;padding:40px 20px}.pricing-header{margin-bottom:40px;text-align:center}.pricing-header h1{margin-bottom:16px}.pricing-header p{color:#b0b0b0;font-size:1.2rem;margin:0}.discount-section{margin:0 auto 40px;max-width:400px;text-align:center}.discount-input{display:flex;gap:12px;margin-bottom:16px}.discount-input input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:12px 16px}.discount-input input::placeholder{color:grey}.discount-input button{background:#2952ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .3s ease}.discount-input button:hover{background:#1a40ff}.discount-applied{background:#90ee901a;border:1px solid #90ee904d;border-radius:8px;color:#90ee90;font-weight:600;padding:8px 16px}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px 24px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.pricing-card.popular{border-color:#2952ff;box-shadow:0 8px 32px #2952ff33;margin-top:12px}.popular-badge{background:linear-gradient(135deg,#2952ff,#1a40ff);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:24px}.plan-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.price{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.original-price{color:grey;font-size:1.2rem;text-decoration:line-through}.current-price{color:#fff;font-size:2.5rem;font-weight:700}.interval{color:#b0b0b0;font-size:1rem}.trial-info{background:#90ee901a;border:1px solid #90ee904d;border-radius:8px;color:#90ee90;font-size:.9rem;font-weight:600;margin-bottom:16px;padding:8px 16px}.plan-value{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;font-size:.85rem;font-style:italic;font-weight:500;margin-bottom:24px;padding:8px 16px}.features{flex-direction:column!important;flex-wrap:nowrap!important;list-style:none!important;margin:0 0 32px!important;padding:0!important;text-align:left!important}.features,.features li{display:block!important}.features li{box-sizing:border-box!important;clear:both!important;color:#fff!important;flex:none!important;float:none!important;font-size:1rem!important;line-height:1.6!important;padding:8px 0!important;position:relative!important;width:100%!important}.features li .checkmark{display:inline;margin-right:12px}.features li span:not(.checkmark){word-wrap:break-word;display:inline;line-height:1.4;overflow-wrap:break-word}.checkmark{color:#90ee90;display:inline;font-size:1.1rem;font-weight:700;margin-right:12px}.plan-limits{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:24px;margin-top:20px;padding:16px}.limit-item{color:#fff;font-size:.9rem;padding:6px 0}.limit-item:not(:last-child){border-bottom:1px solid #ffffff1a}.limit-label{color:#b0b0b0}.upgrade-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.upgrade-button.primary{background:linear-gradient(135deg,#2952ff,#1a40ff);color:#fff}.upgrade-button.primary:hover:not(:disabled){box-shadow:0 8px 25px #2952ff66;transform:translateY(-2px)}.upgrade-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.upgrade-button.secondary:hover:not(:disabled){background:#ffffff26}.upgrade-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.pricing-footer{color:#b0b0b0;margin-top:40px;text-align:center}.pricing-footer p{font-size:.9rem;margin:8px 0}.loading{color:#fff;font-size:1.2rem;padding:40px}.current-badge{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a745;border-radius:4px;color:#fff;font-weight:600}.current-badge,.downgrade-badge{font-size:.75rem;padding:4px 8px;position:absolute;right:16px;top:16px}.downgrade-badge{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#b0b0b0;font-weight:500}.upgrade-badge{background:linear-gradient(135deg,#2952ff,#1a40ff);border:1px solid #2952ff;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:16px}.pricing-card.current-plan{background:#28a7450d;border:2px solid #28a745}.upgrade-button.current{background:#6c757d;color:#fff;cursor:default;opacity:.8}.upgrade-button.current:hover{box-shadow:none;transform:none}.upgrade-button.manage{background:#28a745;color:#fff;cursor:pointer}.upgrade-button.manage:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.upgrade-button.scheduled{background:linear-gradient(135deg,#ffc107,#ff9800);border:1px solid #ffc107;color:#fff;cursor:default;opacity:.9}.upgrade-button.scheduled:hover{box-shadow:0 4px 15px #ffc1074d;transform:none}.subscription-preview-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.modal-close{align-items:center;display:flex;height:30px;justify-content:center;padding:0;transition:background .2s ease;width:30px}.modal-content{padding:0 24px 24px}.plan-change-summary{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;justify-content:center;margin-bottom:24px;padding:16px}.existing-change-notice{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.notice-icon{flex-shrink:0;font-size:1.2rem}.notice-text{font-size:.9rem;line-height:1.4}.current-plan,.target-plan{color:#fff;font-size:.9rem}.arrow{color:#2952ff;font-size:1.2rem;font-weight:700}.change-details{margin-bottom:24px}.downgrade-details,.upgrade-details{display:flex;flex-direction:column;gap:12px}.cost,.features,.timing{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.cost:last-child,.features:last-child,.timing:last-child{border-bottom:none}.label{color:#b0b0b0;flex:0 0 auto;font-weight:500}.value{color:#fff;flex:1 1;font-weight:600;text-align:right}.value small{color:#b0b0b0;display:block;font-size:.8rem;font-weight:400;margin-top:2px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.confirm-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.confirm-button{background:linear-gradient(135deg,#2952ff,#1a40ff);color:#fff}.confirm-button:hover{box-shadow:0 8px 25px #2952ff66;transform:translateY(-2px)}@media (max-width:768px){.pricing-grid{gap:20px;grid-template-columns:1fr}.pricing-card{padding:24px 20px}.current-price{font-size:2rem}.discount-input{flex-direction:column}.plan-limits{padding:12px}.limit-item{flex-direction:column;font-size:.85rem;gap:4px;text-align:center}.subscription-preview-modal{margin:20px;width:95%}.plan-change-summary{flex-direction:column;gap:8px}.arrow{transform:rotate(90deg)}.modal-actions{flex-direction:column}}.pricing-card.coupon-highlighted{border:2px solid #2952ff;box-shadow:0 0 20px #2952ff66;transform:scale(1.02);transition:all .3s ease}.pricing-card.coupon-disabled{opacity:.6;pointer-events:none;position:relative}.coupon-guidance-overlay{align-items:center;background:#000000b3;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.coupon-guidance-message{background:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#333;font-size:.9rem;font-weight:600;padding:12px 16px;text-align:center}.team-plans-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:60px auto 40px;max-width:1000px;padding:40px 20px}.team-plans-header{margin-bottom:40px;text-align:center}.team-plans-header h2{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:12px}.team-plans-header p{color:#b0b0b0;font-size:1.1rem;margin:0}.team-plan-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:40px;overflow:hidden}.team-plan-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr auto;padding:40px}.team-plan-info h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:12px}.team-price{align-items:baseline;display:flex;gap:8px;margin-bottom:16px}.price-amount{color:#4dabf7;font-size:3rem;font-weight:700}.price-interval{color:#b0b0b0;font-size:1.2rem;font-weight:500}.team-description{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.team-features{display:flex;flex-direction:column;gap:12px}.team-feature{align-items:center;color:#fff;display:flex;font-size:1rem;gap:12px}.feature-icon{flex-shrink:0;font-size:1.2rem}.team-plan-action{text-align:center}.create-team-button{border-radius:12px;font-size:1.1rem;font-weight:700;margin-bottom:12px;padding:16px 32px}.create-team-button:hover{box-shadow:0 12px 30px #4dabf766;transform:translateY(-3px)}.team-action-note{color:#b0b0b0;font-size:.9rem;margin:0}.team-value-prop{background:#4dabf71a;border-left:3px solid #4dabf7;padding:30px;text-align:center}.value-item{margin-bottom:16px}.value-number{color:#4dabf7;display:block;font-size:2.5rem;font-weight:700;line-height:1}.value-text{color:#fff;font-size:.9rem;font-weight:600}.value-comparison p{color:#b0b0b0;font-size:.9rem;margin:4px 0}.savings{color:#51cf66!important;font-size:1rem!important;font-weight:600!important}.team-use-cases{text-align:center}.team-use-cases h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:24px}.use-cases-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.use-case{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:24px;text-align:center}.use-case-icon{display:block;font-size:2.5rem;margin-bottom:12px}.use-case h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px}.use-case p{color:#b0b0b0;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.team-plans-section{margin:40px auto 30px;padding:30px 15px}.team-plans-header h2{font-size:1.8rem}.team-plan-content{gap:30px;grid-template-columns:1fr;padding:30px 20px}.price-amount{font-size:2.5rem}.team-features{gap:10px}.team-feature{font-size:.9rem}.create-team-button{font-size:1rem;padding:14px 24px;width:100%}.team-value-prop{padding:20px}.value-number{font-size:2rem}.use-cases-grid{gap:16px;grid-template-columns:1fr}.use-case{padding:20px}}.admin-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;min-height:100vh;padding:20px}.error,.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{margin-bottom:20px}.error button{background:linear-gradient(135deg,#4169e1,#1e90ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;display:flex;gap:16px;justify-content:flex-start;margin-bottom:24px;padding:16px}.team-info{flex:1 1;text-align:left}.team-info h1{color:#fff;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.team-stats{color:#b0b0b0;font-size:1rem;font-weight:500}.header-actions{display:flex;gap:12px;margin-left:auto}.export-button{background:#6495ed33;border:1px solid #6495ed4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.export-button:hover{background:#6495ed4d;border-color:#6495ed66;box-shadow:0 2px 8px #6495ed33}.export-button:disabled{cursor:not-allowed;opacity:.6}.admin-tabs{background:linear-gradient(135deg,#232338e6,#1e1e32e6);border:1px solid #6495ed33;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab{background:none;border:none;border-radius:8px;color:#b0b0b0;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.tab.active{background:linear-gradient(135deg,#4169e1,#1e90ff);box-shadow:0 2px 12px #6495ed4d;color:#fff}.tab:hover:not(.active){background:#6495ed33;color:#fff}.admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;padding:20px}.overview-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:12px;box-shadow:0 4px 16px #6495ed1a;padding:16px;text-align:center;transition:transform .3s ease}.metric-card:hover{border-color:#6495ed80;box-shadow:0 6px 24px #6495ed33;transform:translateY(-4px)}.metric-card h3{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-shadow:0 1px 2px #0006;text-transform:uppercase}.metric-value{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0009,0 0 12px #6495ed66}.top-performers{margin-bottom:24px}.top-performers h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-shadow:0 2px 4px #00000080,0 0 8px #6495ed4d}.performers-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.performer-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:12px;box-shadow:0 4px 16px #6495ed1a;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.performer-card:hover{border-color:#6495ed80;box-shadow:0 6px 24px #6495ed33;transform:translateY(-2px)}.performer-info h4{color:#fff;font-weight:600;margin:0 0 4px;text-shadow:0 1px 2px #0006}.performer-stats{display:flex;gap:16px}.stat{text-align:center}.stat-label{color:#e0e0e0;display:block;font-size:.8rem;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.stat-label,.stat-value{text-shadow:0 1px 2px #0006}.stat-value{color:#fff;font-size:1.2rem;font-weight:600}.scenario-breakdown h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-shadow:0 2px 4px #00000080,0 0 8px #6495ed4d}.scenario-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.scenario-card{border-radius:12px;padding:20px;text-align:center}.scenario-card h4{color:#fff;font-weight:600;margin:0 0 16px;text-shadow:0 1px 2px #0006}.scenario-stats{display:flex;justify-content:space-around}.invite-section{border-bottom:1px solid #6495ed33;margin-bottom:40px;padding-bottom:32px}.invite-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #00000080,0 0 8px #6495ed4d}.member-actions{flex-direction:column;gap:1rem}.bulk-invite-button{align-items:center;background:linear-gradient(135deg,#4169e1,#1e90ff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;max-width:280px;padding:12px 24px;text-align:center;transition:all .3s ease;width:auto}.bulk-invite-button:hover{box-shadow:0 8px 25px #4169e14d;transform:translateY(-2px)}.quick-invite-divider{align-items:center;color:#a0a0a0;display:flex;margin:.5rem 0;text-align:center}.quick-invite-divider:after,.quick-invite-divider:before{background:#fff3;content:"";flex:1 1;height:1px}.quick-invite-divider span{font-size:.9rem;padding:0 1rem}.member-actions h3{color:#fff;font-size:1.1rem;font-weight:600;margin:.5rem 0}.invite-form{align-items:center;display:flex;gap:16px;max-width:600px}.invite-form input,.invite-form select{background:#232338e6;border:1px solid #6495ed4d;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;padding:12px 16px}.invite-form input{flex:1 1}.invite-form input::placeholder{color:#b0b0b0}.invite-form button{background:linear-gradient(135deg,#4169e1,#1e90ff);border:none;border-radius:8px;box-shadow:0 2px 8px #4169e133;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.invite-form button:hover:not(:disabled){background:linear-gradient(135deg,#1e90ff,#00bfff);box-shadow:0 4px 16px #1e90ff4d;transform:translateY(-1px)}.invite-form button:disabled{cursor:not-allowed;opacity:.7}.members-table,.performance-table{margin-top:20px}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px}.table-header{background:#6495ed4d;border:2px solid #6495ed66;border-radius:8px;box-shadow:0 2px 8px #6495ed1a;font-weight:600;text-shadow:0 1px 2px #0006}.table-header,.table-row{color:#fff;margin-bottom:8px}.table-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed33;border-radius:8px;transition:all .3s ease}.table-row:hover{background:linear-gradient(135deg,#282842f2,#23233cf2);border-color:#6495ed66;box-shadow:0 4px 16px #6495ed26;transform:translateY(-1px)}.role-badge,.status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:#dc354533;color:#dc3545}.role-badge.member,.status-badge.active{background:#28a74533;color:#28a745}.status-badge.pending{background:#ffc10733;color:#ffc107}.status-badge.suspended{background:#dc354533;color:#dc3545}.member-actions{display:flex;gap:8px}.remove-button{background:#dc354533;border:1px solid #dc35454d;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .3s ease}.remove-button:hover{background:#dc35454d}.analytics-section{margin-bottom:40px}.analytics-section h2{color:#5d4e37;font-size:1.5rem;font-weight:700;margin-bottom:24px}.admin-content .analytics-tab{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2a2a3e,#26314e 50%,#1f2734);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 8px 32px #0000004d}@media (prefers-reduced-motion:reduce){.analytics-tab *{animation-delay:0s!important;animation-duration:0s!important;transition-delay:0s!important;transition-duration:0s!important}}.analytics-tab .team-charts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#232338cc;border:1px solid #6495ed26;border-radius:16px;box-shadow:0 4px 16px #0003;padding:24px}.analytics-tab .overview-stats-grid .overview-stat-card{background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;color:#fff}.analytics-tab .chart-container,.analytics-tab .overview-stats-grid .overview-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #6495ed1a}.analytics-tab .chart-container{background:linear-gradient(135deg,#1e1e32e6,#19192de6);border:2px solid #6495ed33;border-radius:12px}.analytics-tab .insight-card{background:linear-gradient(135deg,#232337f2,#1e1e32f2);border:2px solid #6495ed4d;border-radius:12px;box-shadow:0 4px 20px #6495ed1a;color:#fff}.analytics-tab .export-manager,.analytics-tab .insight-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-tab .export-manager{background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:12px;box-shadow:0 4px 16px #0003}.analytics-tab .quick-export-btn{background:linear-gradient(135deg,#4169e1,#1e90ff);border:1px solid #6495ed66;box-shadow:0 2px 8px #4169e133;color:#fff;font-weight:600}.analytics-tab .quick-export-btn:hover{background:linear-gradient(135deg,#1e90ff,#00bfff);box-shadow:0 4px 16px #1e90ff4d;transform:translateY(-2px)}.analytics-tab .quick-export-btn.secondary{background:linear-gradient(135deg,#20b2aa,#40e0d0);color:#fff}.analytics-tab .quick-export-btn.secondary:hover{background:linear-gradient(135deg,#40e0d0,#7fffd4);box-shadow:0 4px 16px #40e0d04d}.analytics-tab .quick-export-btn.complete{background:linear-gradient(135deg,gold,orange);border:1px solid #ffd70066;color:#1a1a2e;font-weight:600}.analytics-tab .quick-export-btn.complete:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 4px 16px #ffa5004d;transform:translateY(-2px)}.analytics-tab h2,.analytics-tab h3,.analytics-tab h4{color:#fff!important;font-weight:700!important;letter-spacing:.5px;text-shadow:0 2px 4px #00000080,0 0 8px #6495ed4d}.analytics-tab .stat-label{color:#e0e0e0!important;font-weight:600!important;letter-spacing:.8px;text-shadow:0 1px 2px #0006;text-transform:uppercase}.analytics-tab .metric-value,.analytics-tab .stat-value{color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px #0009,0 0 12px #6495ed66}.analytics-tab .export-header h3{color:#fff!important;font-weight:700!important;text-shadow:0 2px 4px #00000080}.analytics-tab .export-header p{color:#d0d0d0!important;font-weight:500!important;text-shadow:0 1px 2px #0000004d}.analytics-tab .overview-stat-card:hover{border-color:#6495ed80;box-shadow:0 6px 24px #6495ed33;transform:translateY(-3px)}.analytics-tab .chart-container:hover{border-color:#6495ed66;box-shadow:0 6px 24px #6495ed26}.analytics-tab .insight-card:hover{border-color:#6495ed80;box-shadow:0 6px 24px #6495ed26;transform:translateY(-2px)}.activity-chart h2{color:#fff;font-size:1.5rem;margin-bottom:24px}.chart-container{background:#ffffff0d}.simple-chart{align-items:end;display:flex;gap:8px;min-height:200px;overflow-x:auto;padding:16px 0}.chart-bar{align-items:center;display:flex;flex-direction:column;min-width:80px}.bar-label{color:#b0b0b0;font-size:.7rem;margin-bottom:8px;transform:rotate(-45deg);white-space:nowrap}.bar{background:#2952ff;border-radius:4px 4px 0 0;cursor:pointer;transition:all .3s ease;width:20px}.bar:hover{opacity:.8}@media (max-width:1024px){.admin-header{flex-direction:column;gap:16px;text-align:center}.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performers-list,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.table-header span,.table-row span{display:flex;justify-content:space-between}.table-header span:before,.table-row span:before{color:#b0b0b0;content:attr(data-label);font-weight:600}}@media (max-width:768px){.admin-dashboard{padding:16px}.admin-header{gap:12px;padding:12px}.admin-header,.admin-tabs{margin-bottom:16px}.admin-content{padding:16px}.overview-metrics{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.metric-card{padding:12px}.metric-value{font-size:1.8rem}.invite-form{align-items:stretch}.admin-tabs,.invite-form{flex-direction:column}.simple-chart{justify-content:center}}@media (max-width:480px){.admin-dashboard{padding:12px}.admin-header{gap:10px;padding:10px}.admin-content{padding:12px}.overview-metrics{gap:10px;grid-template-columns:1fr}.metric-value{font-size:1.6rem}.metric-card{padding:10px}.table-header{display:none}}.team-selector{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:20px}.team-selector-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;padding:24px 20px;text-align:center}.team-selector-header h1{color:#fff;font-weight:700;margin:0 0 8px}.team-selector-header p{color:#b0b0b0;font-size:1rem;margin:0}.teams-section{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#fff;font-size:1.8rem;margin:0}.create-team-button{background:linear-gradient(135deg,#2952ff,#1a40ff);padding:12px 24px;transition:all .3s ease}.create-team-button:hover{box-shadow:0 8px 25px #2952ff66;transform:translateY(-2px)}.create-team-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.create-team-form input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:16px;padding:12px 16px;width:100%}.create-team-form input::placeholder{color:grey}.form-actions{gap:12px}.form-actions button{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.form-actions button[type=submit]{background:linear-gradient(135deg,#2952ff,#1a40ff);border:none;color:#fff}.cancel-button{background:#ffffff1a;border:1px solid #fff3;color:#fff}.cancel-button:hover{background:#ffffff26}.teams-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.team-card:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.team-card.admin-team{border-left:4px solid #dc3545}.team-card.member-team{border-left:4px solid #28a745}.team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.team-header h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.admin-badge,.member-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.admin-badge{background:#dc354533;color:#dc3545}.member-badge{background:#28a74533;color:#28a745}.team-stats{display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.team-stats .stat{text-align:center}.team-stats .stat-label{color:grey;display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.team-stats .stat-value{color:#fff;font-size:1.1rem;font-weight:600}.team-actions{margin-top:16px;text-align:center}.action-hint{color:#2952ff;font-size:.9rem;font-weight:500}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:60px 20px;text-align:center}.empty-state h2{color:#fff;margin:0 0 16px}.empty-state p{color:#b0b0b0;font-size:1.1rem;margin:0 auto 32px;max-width:500px}@media (max-width:768px){.team-selector{padding:16px}.team-selector-header{padding:24px 16px}.team-selector-header h1{font-size:1.6rem}.teams-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:16px;text-align:center}.team-stats{flex-direction:column;gap:8px}}.team-charts{backface-visibility:hidden;background:#ffffff05;border-radius:12px;margin-bottom:20px;padding:20px;transform:translateZ(0);will-change:auto}.overview-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.overview-stat-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease;will-change:transform}.overview-stat-card:hover{background:#ffffff14;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-icon{font-size:2rem;opacity:.9}.stat-content{flex:1 1}.stat-value{font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:32px}@media (min-width:768px){.charts-grid{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.charts-grid{grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(3,auto)}.chart-container:first-child{grid-column:1/2;grid-row:1/2}.chart-container:nth-child(2){grid-column:2/3;grid-row:1/2}.chart-container:nth-child(3){grid-column:1/2;grid-row:2/3}.chart-container:nth-child(4){grid-column:1/2;grid-row:3/4}.chart-container:nth-child(5){grid-column:2/3;grid-row:2/3}.chart-container:nth-child(6){grid-column:3/4;grid-row:1/3}}.chart-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;contain:layout style paint;display:flex;flex-direction:column;min-height:300px;padding:24px;transform:translateZ(0);transition:all .3s ease;will-change:auto}.chart-container:hover{background:#ffffff0d;border-color:#fff3}.chart-container.large{min-height:400px}.chart-container.medium{min-height:350px}.chart-container canvas{image-rendering:auto;max-height:100%!important;width:100%!important;will-change:auto}.performance-insights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background:#ffffff0a;border:1px solid #ffffff1a;padding:20px;transition:all .3s ease}.insight-card:hover{background:#ffffff0f;transform:translateY(-1px)}.insight-card h3{align-items:center;color:#ffffffe6;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.top-performer{text-align:center}.performer-name{color:#90ee90;font-size:1.2rem;font-weight:600;margin-bottom:8px}.performer-score{color:gold;font-size:1.5rem;font-weight:700;margin-bottom:4px}.performer-sessions{color:#ffffffb3;font-size:.9rem}.trend-info{text-align:center}.trend-value{color:#90ee90;font-size:1.8rem;font-weight:700;margin-bottom:8px}.trend-label{color:#ffffffb3;font-size:.9rem}.no-data{color:#ffffff80;font-size:.9rem;padding:20px}.no-data,.popular-scenario{text-align:center}.scenario-name{color:#87ceeb;font-size:1.1rem;font-weight:600;margin-bottom:8px}.scenario-stats{color:#ffffffb3;font-size:.9rem}@media (max-width:768px){.team-charts{padding:16px}.overview-stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.overview-stat-card{gap:12px;padding:16px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.4rem}.chart-container{min-height:250px;padding:16px}.chart-container.large,.chart-container.medium{min-height:300px}.performance-insights{gap:16px;grid-template-columns:1fr}.insight-card{padding:16px}}.team-charts *{color:#ffffffe6}.chart-container.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.chart-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:16px}.chart-loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.chart-error{align-items:center;color:#ff6b6b;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px;text-align:center}.chart-error-icon{font-size:2rem;margin-bottom:12px}.chart-error-message{font-size:1rem;margin-bottom:16px}.chart-retry-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.chart-retry-button:hover{background:#0056b3}.export-manager{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:24px}.export-header{margin-bottom:24px}.export-header h3{align-items:center;color:#ffffffe6;display:flex;font-size:1.2rem;gap:8px;margin:0 0 8px}.export-header p{color:#ffffffb3;font-size:.9rem;margin:0}.export-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.quick-export-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.quick-export-btn:hover{box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.quick-export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-export-btn.secondary{background:linear-gradient(135deg,#059669,#047857)}.quick-export-btn.secondary:hover{box-shadow:0 4px 12px #05966966}.export-advanced{border:1px solid #ffffff1a;border-radius:8px;margin-bottom:24px}.advanced-toggle{background:#ffffff05;border:none;border-radius:8px;color:#fffc;cursor:pointer;font-weight:500;padding:16px;text-align:left;transition:background-color .2s;width:100%}.advanced-toggle:hover{background:#ffffff0d}.advanced-options{border-top:1px solid #ffffff1a;padding:20px}.option-group{margin-bottom:24px}.option-group label{color:#ffffffe6;display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.format-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.format-option{align-items:flex-start;background:#ffffff05;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.format-option:hover{background:#ffffff0d;border-color:#fff3}.format-option.selected{background:#2563eb1a;border-color:#2563eb}.format-icon{flex-shrink:0;font-size:1.5rem}.format-info{flex:1 1}.format-name{color:#ffffffe6;font-weight:600;margin-bottom:4px}.format-desc{color:#fff9;font-size:.8rem;line-height:1.3}.scope-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scope-option{align-items:flex-start;background:#ffffff05;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:14px;transition:all .2s}.scope-option:hover{background:#ffffff0d;border-color:#fff3}.scope-option.selected{background:#0596691a;border-color:#059669}.scope-icon{flex-shrink:0;font-size:1.2rem}.scope-info{flex:1 1}.scope-name{color:#ffffffe6;font-size:.9rem;font-weight:600;margin-bottom:2px}.scope-desc{color:#fff9;font-size:.75rem;line-height:1.3}.date-range{display:flex;gap:16px}.date-input{flex:1 1}.date-input label{color:#ffffffb3;display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.date-input input{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;font-size:.9rem;padding:10px;width:100%}.date-input input:focus{background:#ffffff14;border-color:#2563eb;outline:none}.export-info{background:#ffffff05;border-radius:6px;margin-top:16px;padding:16px}.info-item{display:flex;justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{color:#ffffffb3;font-size:.85rem}.info-value{color:#ffffffe6;font-size:.85rem;font-weight:500}.export-actions{margin-bottom:24px}.export-actions,.export-btn{display:flex;justify-content:center}.export-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:12px;min-width:180px;padding:16px 32px;transition:all .3s}.export-btn:hover{box-shadow:0 8px 25px #05966966;transform:translateY(-2px)}.export-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.recent-exports{border-top:1px solid #ffffff1a;padding-top:20px}.recent-exports h4{align-items:center;color:#ffffffe6;display:flex;font-size:.95rem;gap:6px;margin:0 0 12px}.recent-exports ul{list-style:none;margin:0;padding:0}.recent-exports li{border-bottom:1px solid #ffffff0d;color:#ffffffb3;font-size:.85rem;padding:8px 0}.recent-exports li:last-child{border-bottom:none}.recent-exports strong{color:#ffffffe6}@media (max-width:768px){.export-manager{padding:16px}.format-grid,.scope-grid{grid-template-columns:1fr}.date-range{gap:12px}.date-range,.export-quick-actions{flex-direction:column}.quick-export-btn{justify-content:center}}.simple-team-creation{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:2rem 1rem}.team-creation-container{margin:0 auto;max-width:800px}.team-creation-header{margin-bottom:3rem;text-align:center}.team-creation-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.team-creation-subtitle{color:#a0a0a0;font-size:1.1rem;margin-bottom:2rem}.progress-indicator{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.progress-step{align-items:center;color:#a0a0a0;display:flex;font-size:.9rem;gap:.5rem}.progress-step.active{color:#4dabf7}.progress-step.completed{color:#51cf66}.step-number{background:#2c2c54;color:#a0a0a0;font-size:.9rem;height:2rem;width:2rem}.progress-step.active .step-number{background:#4dabf7;color:#fff}.progress-step.completed .step-number{background:#51cf66;color:#fff}.progress-line{background:#2c2c54;height:2px;width:3rem}.team-creation-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:2rem}.team-details-form{gap:2rem}.form-section,.team-details-form{display:flex;flex-direction:column}.form-section{gap:1rem}.form-section h2{border-bottom:2px solid #4dabf7;color:#fff;font-size:1.3rem;margin-bottom:.5rem;padding-bottom:.5rem}.section-subtitle{color:#a0a0a0;font-size:.9rem;margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0a0a0}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-help{margin-top:.25rem}.pricing-display{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.price-breakdown{display:flex;flex-direction:column;gap:.5rem}.price-item{color:#fff;display:flex;font-size:.9rem;justify-content:space-between}.price-item.total{border-top:1px solid #fff3;font-size:1rem;font-weight:600;padding-top:.5rem}.pricing-note{color:#a0a0a0;font-size:.8rem;margin-bottom:0;margin-top:.5rem}.card-element-container{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:1rem;transition:all .2s ease}.card-element-container:focus-within{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a}.form-actions{align-items:center;flex-direction:column;gap:1rem;margin-top:1rem}.create-team-button{align-items:center;background:linear-gradient(135deg,#4dabf7,#339af0);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:all .2s ease}.create-team-button:hover:not(:disabled){box-shadow:0 8px 25px #4dabf74d;transform:translateY(-2px)}.create-team-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.terms-note{color:#a0a0a0;font-size:.8rem;margin:0;text-align:center}.team-confirmation{display:flex;flex-direction:column;gap:2rem}.confirmation-header{text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.confirmation-header h2{color:#51cf66;font-size:2rem;margin-bottom:.5rem}.confirmation-subtitle{color:#a0a0a0;font-size:1.1rem}.confirmation-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.confirmation-section h3{border-bottom:2px solid #4dabf7;color:#fff;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item label{color:#a0a0a0;font-weight:500}.detail-item span{color:#fff;font-weight:600}.invitation-group{margin-bottom:1rem}.invitation-group h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.invitation-group.success h4{color:#51cf66}.invitation-group.error h4{color:#ff6b6b}.invitation-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.invitation-item{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.invitation-item .email{color:#fff;font-family:monospace}.invitation-item .status{font-size:.8rem;font-weight:500}.invitation-item .status.success{color:#51cf66}.invitation-item .status.error{color:#ff6b6b}.invitation-note{color:#a0a0a0;font-size:.8rem;margin:0}.next-steps-list{display:flex;flex-direction:column;gap:.75rem}.next-step-item{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:#4dabf7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.step-text{color:#fff;font-size:.9rem;line-height:1.4}.benefits-reminder .benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefits-reminder .benefit-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:1rem}.benefits-reminder .benefit-icon{flex-shrink:0;font-size:1.5rem}.benefits-reminder .benefit-item strong{color:#fff;display:block;font-size:.9rem;margin-bottom:.25rem}.benefits-reminder .benefit-item p{color:#a0a0a0;font-size:.8rem;line-height:1.3;margin:0}.confirmation-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.primary-button{background:linear-gradient(135deg,#4dabf7,#339af0);min-width:200px;padding:1rem 2rem;transition:all .2s ease}.primary-button:hover{box-shadow:0 8px 25px #4dabf74d}.secondary-actions{display:flex;gap:1rem}.secondary-button{border:1px solid #fff3;color:#a0a0a0;font-size:.9rem;transition:all .2s ease}.secondary-button:hover{border-color:#fff6}.support-info{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center}.support-info p{color:#a0a0a0;font-size:.8rem;margin:.25rem 0}.support-info a{color:#4dabf7;text-decoration:none}.support-info a:hover{text-decoration:underline}.team-creation-footer{margin-top:2rem}.team-creation-footer .pricing-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.team-creation-footer h3{color:#fff;font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.team-creation-footer .benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-creation-footer .benefit-item{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.75rem}.team-creation-footer .benefit-icon{flex-shrink:0;font-size:1.2rem}@media (max-width:768px){.simple-team-creation{padding:1rem .5rem}.team-creation-container{max-width:100%}.team-creation-header h1{font-size:2rem}.progress-indicator{flex-direction:column;gap:.5rem}.progress-line{height:1rem;width:2px}.team-creation-content{padding:1.5rem}.benefits-grid,.details-grid{grid-template-columns:1fr}.secondary-actions{flex-direction:column;width:100%}.secondary-button{width:100%}}.team-invitations{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:2rem 1rem}.team-invitations-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1000px}.invitations-header{position:relative}.back-button{align-items:center;background:#ffffff1a;border-radius:6px;display:inline-flex;font-size:.9rem;gap:.5rem;padding:8px 16px;position:absolute;right:0;top:0;z-index:1}.back-button:hover{background:#ffffff26;transform:translateY(-1px)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.error-container p,.loading-container p{color:#a0a0a0;font-size:1.1rem}.retry-button{background:#4dabf7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#339af0;transform:translateY(-2px)}.invitations-header{margin-bottom:1rem;text-align:center}.invitations-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.team-name{color:#4dabf7;font-size:1.2rem;font-weight:600}.current-members,.enterprise-note,.invitation-form,.invitation-results,.no-slots-available,.pending-invitations,.professional-benefits,.team-limits-overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.current-members h2,.invitation-form h2,.invitation-results h2,.no-slots-available h2,.pending-invitations h2,.professional-benefits h2,.team-limits-overview h2{border-bottom:2px solid #4dabf7;color:#fff;font-size:1.4rem;margin-bottom:1rem;padding-bottom:.5rem}.limits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.limit-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.limit-item.highlight{background:#4dabf71a;border-color:#4dabf7}.limit-label{color:#a0a0a0;font-weight:500}.limit-value{color:#fff;font-size:1.1rem;font-weight:600}.limit-item.highlight .limit-value{color:#4dabf7}.capacity-bar{background:#ffffff1a;border-radius:10px;height:20px;margin-bottom:.5rem;overflow:hidden;position:relative}.capacity-fill{background:linear-gradient(90deg,#51cf66,#40c057);left:0;transition:width .3s ease}.capacity-fill,.capacity-pending{height:100%;position:absolute;top:0}.capacity-pending{background:linear-gradient(90deg,#ffd43b,#fab005);transition:all .3s ease}.capacity-legend{color:#a0a0a0;display:flex;font-size:.8rem;gap:1rem;margin:0}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.current{background:#51cf66}.legend-color.pending{background:#ffd43b}.legend-color.available{background:#fff3}.benefits-description{color:#a0a0a0;font-size:1rem;margin-bottom:1rem}.benefits-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:.75rem;padding:1rem}.benefit-icon{flex-shrink:0;font-size:1.2rem}.form-description{color:#a0a0a0;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-size:1rem;font-weight:500}.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:monospace;font-size:1rem;padding:1rem;resize:vertical;transition:all .2s ease}.form-group textarea:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a;outline:none}.form-group textarea::placeholder{color:#a0a0a0}.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-help{color:#a0a0a0;font-size:.8rem}.form-actions,.send-invitations-button{display:flex;justify-content:center}.send-invitations-button{align-items:center;background:linear-gradient(135deg,#4dabf7,#339af0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;min-width:200px;padding:1rem 2rem;transition:all .2s ease}.send-invitations-button:hover:not(:disabled){box-shadow:0 8px 25px #4dabf74d;transform:translateY(-2px)}.send-invitations-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-slots-available{text-align:center}.no-slots-available p{color:#a0a0a0;font-size:1.1rem;margin-bottom:1.5rem}.contact-button,.enterprise-contact{background:linear-gradient(135deg,#51cf66,#40c057);border-radius:8px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.contact-button:hover,.enterprise-contact:hover{box-shadow:0 8px 25px #51cf664d;color:#fff;text-decoration:none;transform:translateY(-2px)}.results-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.result-item{align-items:center;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.result-item.success{background:#51cf661a;border-color:#51cf664d}.result-item.error{background:#ff6b6b1a;border-color:#ff6b6b4d}.result-info{display:flex;flex-direction:column;gap:.25rem}.result-email{color:#fff;font-family:monospace;font-weight:600}.result-message{color:#a0a0a0;font-size:.9rem}.result-status{font-size:1.5rem}.close-results-button{background:#0000;border:1px solid #fff3;border-radius:8px;color:#a0a0a0;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.close-results-button:hover{border-color:#fff6;color:#fff}.members-list,.pending-list{display:flex;flex-direction:column;gap:.75rem}.member-item,.pending-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.member-info,.pending-info{display:flex;flex-direction:column;gap:.25rem}.member-email,.pending-email{color:#fff;font-family:monospace;font-weight:600}.member-role,.pending-role{color:#4dabf7;font-size:.8rem;font-weight:500;text-transform:uppercase}.member-meta,.pending-meta{display:flex;flex-direction:column;gap:.25rem;text-align:right}.member-status{color:#51cf66;font-size:.8rem;font-weight:500;text-transform:uppercase}.member-joined,.pending-expires{color:#a0a0a0;font-size:.8rem}.resend-button{background:#4dabf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.resend-button:hover{background:#339af0;transform:translateY(-1px)}.enterprise-note{background:linear-gradient(135deg,#4dabf71a,#339af01a);border:1px solid #4dabf74d;text-align:center}.enterprise-note h3{color:#4dabf7;font-size:1.2rem;margin-bottom:.5rem}.enterprise-note p{color:#a0a0a0;line-height:1.5;margin-bottom:1.5rem}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}@media (max-width:768px){.team-invitations{padding:1rem .5rem}.team-invitations-container{gap:1.5rem}.invitations-header h1{font-size:2rem}.current-members,.enterprise-note,.invitation-form,.invitation-results,.no-slots-available,.pending-invitations,.professional-benefits,.team-limits-overview{padding:1.5rem}.benefits-list,.limits-grid{grid-template-columns:1fr}.capacity-legend{flex-direction:column;gap:.5rem}.member-item,.pending-item{align-items:flex-start;flex-direction:column;gap:.75rem}.member-meta,.pending-meta{text-align:left}.result-item{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.form-group textarea{font-size:.9rem}.send-invitations-button{width:100%}.member-email,.pending-email,.result-email{font-size:.9rem;word-break:break-all}}.invitation-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.invitation-container{max-width:600px;width:100%}.invitation-header{margin-bottom:2rem;text-align:center}.clinicaledge-logo h2{color:#4169e1;font-size:1.8rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #4169e14d}.invitation-header h1{color:#fff;font-size:2.2rem;font-weight:600;margin:0;text-shadow:0 2px 4px #00000080}.invitation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:2rem}.invitation-info h2{color:#fff;font-size:1.3rem;font-weight:500;margin:0 0 .5rem;text-align:center}.team-name{color:#4169e1;font-size:2rem;font-weight:700;margin:0 0 2rem;text-align:center;text-shadow:0 2px 4px #4169e166}.invitation-meta{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.meta-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.meta-label{color:#fffc;font-weight:500}.meta-value{color:#fff;font-weight:600}.invitation-actions{border-top:1px solid #ffffff1a;padding-top:2rem}.auth-status{color:#ffffffe6;font-size:.9rem;margin:0 0 1rem;text-align:center}.accept-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 16px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.accept-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.accept-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.email-mismatch{text-align:center}.warning{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;color:#ffc107;font-size:.9rem;margin:0 0 1rem;padding:.75rem}.mismatch-actions{display:flex;justify-content:center}.auth-required-actions{text-align:center}.auth-prompt{color:#ffffffe6;font-size:1rem;margin:0 0 1.5rem}.auth-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.auth-note{color:#ffffffb3;font-size:.85rem;font-style:italic;margin:0}.primary-button{box-shadow:0 2px 8px #4169e14d}.primary-button:hover{box-shadow:0 4px 12px #1e90ff66;transform:translateY(-1px)}.secondary-button{border:2px solid #ffffff4d}.secondary-button:hover{background:#ffffff1a;border-color:#ffffff80}.error-state{padding:2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-state h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 1rem}.error-state p{color:#fffc;font-size:1rem;line-height:1.5;margin:0 0 2rem}.error-actions{display:flex;gap:1rem;justify-content:center}.loading{padding:3rem 2rem;text-align:center}.loading-spinner{margin:0 auto 1rem}.loading p{color:#ffffffe6;font-size:1rem;margin:0}.invitation-footer{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem;text-align:center}.invitation-footer p{color:#ffffffb3;font-size:.9rem;margin:0}.invitation-footer a{color:#4169e1;text-decoration:none;transition:color .3s ease}.invitation-footer a:hover{color:#1e90ff;text-decoration:underline}@media (max-width:768px){.invitation-page{padding:1rem .5rem}.invitation-card{padding:1.5rem}.invitation-header h1{font-size:1.8rem}.team-name{font-size:1.6rem}.meta-item{flex-direction:column;gap:.25rem;text-align:center}.auth-buttons{grid-template-columns:1fr}.error-actions{align-items:center;flex-direction:column}}.seo-layout{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative}.seo-layout:before{background:#ffffff1a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.seo-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #764ba233;box-shadow:0 2px 10px #764ba21a;position:sticky;top:0;z-index:100}.seo-header .container{justify-content:space-between;padding:20px}.seo-brand-logo-link,.seo-header .container,.seo-logo-section{align-items:center;display:flex}.seo-brand-logo-link{gap:12px;text-decoration:none;transition:opacity .2s}.seo-brand-logo-link:hover{opacity:.8}.seo-brand-logo-img{filter:hue-rotate(45deg) saturate(.8) brightness(.9);height:100px;width:auto}.seo-logo-tagline{color:#764ba2e6;font-size:14px;font-weight:500;line-height:1.2;max-width:150px}.seo-nav{align-items:center;display:flex;gap:24px}.seo-nav .nav-link{border-radius:25px;color:#764ba2cc;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.seo-nav .nav-link:hover{background:#764ba21a;color:#764ba2}.seo-nav .nav-link:last-child{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:600}.seo-nav .nav-link:last-child:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.seo-main{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.seo-header .container{padding:12px 16px}.seo-brand-logo-img{height:80px}.seo-logo-tagline{display:none}.seo-nav{gap:16px}.nav-link:not(.login-link){display:none}.footer-content{flex-direction:column;gap:16px;text-align:center}}.sample-answer{margin-bottom:60px}.sample-answer h2{color:#1a202c;font-size:36px;font-weight:700;margin-bottom:28px}.intro-text{color:#1a202c;font-size:20px;font-weight:600;line-height:1.7;margin-bottom:32px}.example-box{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #764ba21a;margin-bottom:40px;overflow:hidden}.example-header{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid #764ba21a;display:flex;gap:12px;padding:20px 28px}.example-icon{font-size:28px}.example-label{color:#764ba2;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.example-content{padding:32px}.example-content p{color:#2d3748;font-size:17px;line-height:1.8;margin:0}.example-content strong{color:#764ba2;font-weight:600}.key-points{background:#fff;border:2px solid #48bb784d;border-radius:20px;box-shadow:0 10px 30px #48bb7826;padding:32px;position:relative}.key-points:before{background:#fff;border-radius:50%;box-shadow:0 5px 15px #48bb7833;content:"💫";font-size:30px;padding:5px;position:absolute;right:30px;top:-15px}.key-points h3{color:#2d3748;font-size:22px;font-weight:600;margin-bottom:24px}.points-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.point-item{align-items:flex-start;display:flex;gap:12px}.point-icon{color:#48bb78;flex-shrink:0;font-size:22px;font-weight:700;margin-top:2px}.point-item span{color:#2d3748;font-size:16px;line-height:1.7}@media (max-width:768px){.sample-answer h2{font-size:24px}.intro-text{font-size:16px}.example-header{padding:12px 16px}.example-content{padding:16px}.example-content p{font-size:15px}}.registration-cta{background:#fff;border:none;border-radius:25px;box-shadow:0 15px 40px #764ba226;color:#2d3748;overflow:hidden;padding:40px;position:relative;transition:transform .3s,box-shadow .3s}.registration-cta:before{content:"🎯";font-size:30px;opacity:.3;position:absolute;right:20px;top:20px}.registration-cta:hover{box-shadow:0 20px 50px #764ba233;transform:translateY(-6px)}.cta-header{margin-bottom:24px;text-align:center}.cta-icon{color:#764ba2;height:48px;margin-bottom:16px;width:48px}.cta-header h3{color:#2d3748;font-size:26px;font-weight:700;line-height:1.3;margin:0 0 12px}.sub-text{color:#4a5568;font-size:17px;line-height:1.6;margin:0}.cta-features{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #764ba21a;border-radius:20px;margin-bottom:28px;padding:24px}.feature-item{align-items:flex-start;color:#4a5568;display:flex;font-size:16px;gap:12px;line-height:1.5;margin-bottom:16px}.feature-item:last-child{margin-bottom:0}.feature-check{color:#48bb78;flex-shrink:0;font-size:18px;margin-top:2px}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 20px #764ba24d;color:#fff;cursor:pointer;display:flex;font-size:19px;font-weight:600;gap:10px;justify-content:center;margin-bottom:24px;padding:18px 32px;transition:all .3s;width:100%}.cta-button:hover{box-shadow:0 12px 30px #764ba266;transform:translateY(-2px) scale(1.02)}.cta-button:active{transform:scale(.98)}.cta-footer{text-align:center}.trial-info{color:#4a5568;font-size:15px;margin:0 0 16px}.trust-badges{display:flex;gap:16px;justify-content:center}.badge{background:#764ba21a;border-radius:25px;color:#764ba2;font-size:14px;font-weight:500;padding:6px 16px}@media (max-width:768px){.registration-cta{padding:24px}.cta-header h3{font-size:20px}.sub-text{font-size:14px}.cta-features{padding:16px}.feature-item{font-size:14px}.cta-button{font-size:16px;padding:14px 20px}}.social-proof{background:linear-gradient(135deg,#fbcfe833,#c7d2fe33);border:none;border-radius:50px;box-shadow:0 8px 20px #764ba21a;display:inline-block;margin-top:32px;padding:20px 32px}.proof-content{gap:20px}.proof-content,.proof-item{align-items:center;display:flex}.proof-item{gap:8px}.proof-icon{font-size:24px}.proof-text{color:#4a5568;font-size:16px;font-weight:500}.proof-stat{color:#764ba2;font-size:16px;font-weight:700}.proof-divider{color:#764ba24d;font-size:20px;line-height:1}@media (max-width:768px){.social-proof{box-sizing:border-box;padding:12px 16px;width:100%}.proof-content{flex-direction:column;gap:12px;text-align:center}.proof-divider{display:none}.proof-stat,.proof-text{font-size:14px}}.seo-landing-page{color:#333;padding-top:0}.seo-hero{background:#ffffffe6;border-bottom:none;border-radius:0 0 50px 50px;box-shadow:0 5px 20px #764ba21a;padding:60px 0 80px}.seo-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:48px;font-weight:700;line-height:1.3;margin-bottom:32px;max-width:800px}@media (max-width:768px){.seo-headline{font-size:32px}}.question-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #764ba233;border-radius:20px;box-shadow:0 10px 30px #764ba226;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.question-badge:before{content:"✨";font-size:30px;opacity:.5;position:absolute;right:20px;top:10px}.question-badge .question-text{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 10px #764ba233;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:6px 16px}.question-badge .actual-question{color:#2d3748;font-size:26px;font-style:normal;font-weight:600;line-height:1.4;margin:0}.seo-content{padding:60px 0}.content-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 340px}@media (max-width:1024px){.content-grid{gap:40px;grid-template-columns:1fr}.sidebar{max-width:100%;position:static!important}}.main-content{max-width:720px}.sidebar{position:sticky;top:20px}.what-most-miss{background:#fffffff2;border:none;border-radius:30px;box-shadow:0 15px 40px #764ba21a;margin-top:60px;padding:48px;position:relative}.what-most-miss:before{background:#fff;border-radius:50%;box-shadow:0 5px 15px #764ba233;content:"💡";font-size:40px;left:48px;padding:10px;position:absolute;top:-20px}.what-most-miss h2{color:#2d3748;font-size:32px;font-weight:600;margin-bottom:32px}.miss-points{display:flex;flex-direction:column;gap:16px}.miss-point{align-items:flex-start;display:flex;gap:16px}.miss-icon{align-items:center;background:linear-gradient(135deg,#ffbc4233,#ff8c4233);border:none;border-radius:50%;box-shadow:0 4px 10px #ff8c4233;color:#ff8c42;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.miss-point p{color:#4a5568;font-size:16px;line-height:1.7;margin:0}.why-practice{margin-top:80px}.why-practice h2{color:#1a202c;font-size:36px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.why-practice h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:4px;margin:20px auto 0;width:60px}.practice-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.practice-stats{grid-template-columns:1fr}}.stat-card{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 30px #764ba21a;padding:32px;text-align:center;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 20px 40px #764ba226;transform:translateY(-8px)}.stat-icon{display:flex;filter:drop-shadow(0 4px 8px rgba(118,75,162,.2));font-size:56px;justify-content:center;margin-bottom:20px}.stat-card h3{color:#2d3748;font-size:22px;font-weight:600;margin-bottom:12px}.stat-card p{color:#4a5568;font-size:15px;line-height:1.6;margin:0}.bottom-cta{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border:none;margin-top:100px;overflow:hidden;padding:100px 0;position:relative;text-align:center}.bottom-cta:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cta-content h2{color:#fff;font-size:44px;font-weight:700;margin-bottom:20px;position:relative;z-index:1}.cta-content>p{color:#fffffff2;font-size:22px;margin-bottom:40px;position:relative;z-index:1}.cta-button-large{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 10px 30px #0003;color:#764ba2;cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;gap:12px;padding:24px 48px;position:relative;transition:all .3s;z-index:1}.cta-button-large:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-3px) scale(1.05)}.cta-disclaimer{color:#fffc;font-size:14px;margin-top:16px}.seo-loading{align-items:center;color:#fff9;display:flex;font-size:18px;justify-content:center;min-height:400px}.App{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}h1{font-weight:700;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 4px #00000080}h1,h2{color:#fff;font-size:1.8rem}h2{font-weight:600;line-height:1.3;margin:0 0 1.5rem;text-shadow:0 2px 4px #0000004d}h3{font-size:1.3rem;margin:0 0 1rem;text-shadow:0 1px 2px #0006}h3,h4{color:#fff;font-weight:600;line-height:1.4}h4{font-size:1.1rem;margin:0 0 .75rem}h5{font-size:1rem}h5,h6{color:#fff;font-weight:600;line-height:1.4;margin:0 0 .5rem}h6{font-size:.9rem}@media (max-width:768px){h1{font-size:1.6rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1rem}h5{font-size:.9rem}h6{font-size:.8rem}}.heading-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text}.heading-center{text-align:center}.heading-compact{margin-bottom:.5rem}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);border-bottom:1px solid #6495ed33;box-shadow:0 4px 20px #0000004d;color:#fff;flex-shrink:0;position:static;z-index:1000}.App,.app-layout{min-height:100vh}.app-layout{display:flex;flex-direction:column}.app-content{flex:1 1;overflow-x:hidden}.header-content{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;min-width:0;padding:1rem 2rem}.logo-section{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;min-width:200px}.logo-section h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #00000080;white-space:nowrap}.tagline{font-size:.9rem;margin-top:.25rem;opacity:.9}.beta-badge{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:4px;box-shadow:0 2px 4px #ff6b6b4d;color:#fff;font-size:.4em;font-weight:600;letter-spacing:.05em;margin-left:.5em;padding:.2em .4em;vertical-align:top}.ai-badge{color:#fff;font-weight:700;letter-spacing:.1em;margin-right:.1em}.main-nav{display:flex;flex-shrink:1;flex-wrap:nowrap;gap:.5rem;margin-left:2rem;min-width:0}.nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #6495ed33;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:all .3s ease}.nav-icon{display:none;font-size:1.2rem}.nav-text{display:block}.nav-button:hover{background:#6495ed33;border-color:#6495ed4d;box-shadow:0 2px 8px #6495ed33;transform:translateY(-1px)}.nav-button.active{background:#6495ed4d;border-color:#6495ed80;box-shadow:0 2px 12px #6495ed4d;color:#fff}.user-section{flex-shrink:0;gap:1rem}.user-info,.user-section{align-items:center;display:flex}.user-info{gap:.5rem;position:relative}.user-icon{border-radius:50%;cursor:pointer;display:none;font-size:1.5rem;padding:.05rem;transition:background-color .2s ease}.user-icon:hover{background-color:#ffffff1a}.user-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed4d;border-radius:8px;box-shadow:0 4px 16px #0000004d;margin-top:.5rem;min-width:200px;padding:12px 16px;position:absolute;right:0;top:100%;z-index:1003}.user-popup-content{display:flex;flex-direction:column;gap:.25rem}.popup-name{color:#fff;font-size:.9rem;font-weight:600}.popup-email{color:#b0b0b0;font-size:.8rem}.user-details{align-items:center;display:flex;flex-direction:column;text-align:center}.user-name{font-size:.9rem;font-weight:600}.user-email{font-size:.8rem;opacity:.8}.logout-button{align-items:center;background:linear-gradient(135deg,#4169e1,#1e90ff);border:1px solid #6495ed66;border-radius:6px;box-shadow:0 2px 8px #4169e133;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .3s ease}.logout-icon{display:none;font-size:1rem}.logout-text{display:block}.logout-button:hover{background:linear-gradient(135deg,#1e90ff,#00bfff);border-color:#1e90ff99;box-shadow:0 4px 16px #1e90ff4d;transform:translateY(-1px)}.info-icon{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;margin-left:.5rem;opacity:.9;padding:.25rem;position:relative;top:2px;transition:all .2s ease;vertical-align:middle}.info-icon:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1050}.info-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;opacity:.7;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;opacity:1}.modal-content{color:#fff;line-height:1.6;padding:2rem}.modal-content p{color:#e0e0e0;margin-bottom:1.5rem}.modal-content h3{color:#fff;font-size:1.1rem;font-weight:600;margin:1.5rem 0 1rem}.modal-content ul{margin:1rem 0 1.5rem;padding-left:1.5rem}.modal-content li{color:#e0e0e0;margin-bottom:.75rem}.modal-content strong{color:#fff;font-weight:600}.app-footer{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1724);border-top:1px solid #6495ed33;margin-top:auto;padding:1rem 0;text-align:center}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.footer-link{background:none;border:none;color:#64a5f3;cursor:pointer;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff;text-decoration:underline}.footer-text{color:#b0b0b0;font-size:.9rem}.footer-divider{color:#666;font-size:.9rem}.footer-copyright{color:#ffffffb3;font-size:.8rem;font-weight:400;margin:.5rem 0 0}.terms-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:700px;overflow-y:auto;width:100%}.terms-modal .modal-content h3{border-bottom:1px solid #ffffff1a;color:#64a5f3;font-size:1.1rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.terms-modal .modal-content h3:first-child{margin-top:0}.terms-modal .modal-content .last-updated{border-top:1px solid #ffffff1a;color:#888;margin-top:2rem;padding-top:1rem;text-align:center}@media (max-width:768px){.footer-links{flex-direction:column;gap:.5rem;margin-bottom:.75rem}.footer-divider{display:none}.app-footer{padding:1rem 0 .75rem}.footer-content{padding:0 1rem}.footer-copyright{font-size:.75rem;margin-top:0}}.app-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #6495ed4d;border-radius:50%;border-top-color:#4169e1;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-error{align-items:center;background:#dc354533;border:1px solid #dc35454d;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin:1rem;padding:1rem}.app-error button{background:#dc35454d;border:1px solid #dc354566;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:3rem;width:100%}.auth-form h2{color:#fff;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #00000080}.form-group{margin-bottom:1.5rem}.form-group label{color:#e0e0e0;display:block;font-weight:600;margin-bottom:.5rem}.form-group input{background:#232338e6;border:1px solid #6495ed4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input::placeholder{color:#b0b0b0}.form-group input:focus{background:#28283c;border-color:#6495ed99;outline:none}.primary-button{background:linear-gradient(135deg,#4169e1,#1e90ff);border:none;border-radius:8px;box-shadow:0 2px 8px #4169e133;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.behavioral-interview .start-actions .primary-button,.behavioral-interview .start-actions .secondary-button{min-width:200px;width:auto}.primary-button:hover{background:linear-gradient(135deg,#1e90ff,#00bfff);box-shadow:0 5px 15px #1e90ff66;transform:translateY(-2px)}.secondary-button{background:#0000;border:1px solid #6495ed66;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-button:hover{background:#6495ed33;border-color:#6495ed99;color:#fff;transform:translateY(-1px)}.behavioral-interview .secondary-button{background:#6c757d;border:2px solid #6c757d;color:#fff}.behavioral-interview .secondary-button:hover{background:#5a6268;border-color:#5a6268;color:#fff}.auth-switch{color:#b0b0b0;margin-top:2rem;text-align:center}.auth-switch button{background:none;border:none;color:#4169e1;cursor:pointer;font-weight:600;text-decoration:underline}.scenario-selector{color:#fff;margin:0 auto;max-width:1200px;padding:2rem}.scenario-selector.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.selector-header{margin-bottom:3rem;text-align:center}.selector-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.selector-header p{color:#e0e0e0;font-size:1.1rem;margin:0 auto;max-width:600px}.back-button{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateX(-2px)}.scenarios-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.scenario-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:2px solid #6495ed4d;border-radius:16px;box-shadow:0 4px 16px #6495ed1a;color:#fff;padding:2rem;transition:all .3s ease}.scenario-card:hover{background:linear-gradient(135deg,#232338,#1e1e32);border-color:#6495ed80;box-shadow:0 6px 24px #6495ed33;transform:translateY(-2px)}.scenario-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px #0006}.scenario-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.difficulty{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.difficulty.beginner{background:#28a74533;border:1px solid #28a7454d;color:#28a745}.difficulty.intermediate{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.difficulty.advanced{background:#dc354533;border:1px solid #dc35454d;color:#dc3545}.type{background:#6495ed33;border:1px solid #6495ed4d;border-radius:20px;color:#6495ed;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.scenario-card p{color:#d0d0d0;line-height:1.6;margin-bottom:1.5rem}.select-button{background:linear-gradient(135deg,#4169e1,#1e90ff);border:none;border-radius:8px;box-shadow:0 2px 8px #4169e133;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.select-button:hover{background:linear-gradient(135deg,#1e90ff,#00bfff);box-shadow:0 5px 15px #1e90ff66;transform:translateY(-2px)}.interview-results{color:#fff;margin:0 auto;max-width:1000px;padding:2rem}.results-header{margin-bottom:3rem;text-align:center}.results-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.results-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;padding:2rem}.scores-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.score-card{background:linear-gradient(135deg,#232338f2,#1e1e32f2);border:2px solid #6495ed4d;border-radius:12px;box-shadow:0 4px 16px #6495ed1a;padding:1.5rem;text-align:center}.score-card.main-score{background:linear-gradient(135deg,#282842f2,#23233cf2);border-color:#6495ed80}.score-card h3{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 1px 2px #0006;text-transform:uppercase}.score-value{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0009,0 0 12px #6495ed66}.feedback-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.improvements,.strengths{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#232338f2,#1e1e32f2);border-radius:12px;padding:1.5rem}.improvements h3,.strengths h3{color:#fff;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px #0006}.strengths{border:2px solid #27ae604d}.improvements{border:2px solid #e74c3c4d}.improvements ul,.strengths ul{list-style:none;padding:0}.improvements li,.strengths li{border-bottom:1px solid #6495ed1a;color:#e0e0e0;padding:.5rem 0 .5rem 1.5rem;position:relative}.strengths li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.improvements li:before{color:#e74c3c;content:"→";font-weight:700;left:0;position:absolute}.detailed-feedback{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#232338f2,#1e1e32f2);border:2px solid #3498db4d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.detailed-feedback h3{color:#fff;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px #0006}.detailed-feedback p{color:#e0e0e0;line-height:1.6}.results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:950px){.user-details{display:none}.user-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;display:block;display:flex;font-size:1.2rem;height:28px;justify-content:center;padding:.2rem;width:28px}}@media (max-width:1220px) and (min-width:981px){.header-content{padding:.75rem 1.5rem}.main-nav{gap:.3rem;margin-left:1rem}.nav-button{font-size:.8rem;padding:.4rem .6rem}.user-section{gap:.5rem}.user-details{display:none}.user-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;display:block;display:flex;font-size:1.2rem;height:28px;justify-content:center;padding:.2rem;width:28px}.logout-button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:980px){.header-content{flex-wrap:wrap;gap:.25rem;justify-content:center;padding:.5rem 1rem}.logo-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto .25rem;order:1;text-align:center;width:100%}.logo-section h1{font-size:1.4rem;margin:0 auto;text-align:center}.logo-section .tagline{font-size:.8rem;margin:.1rem auto 0;text-align:center;width:100%}.main-nav{flex-wrap:nowrap;gap:.8rem;margin:-.6rem auto -.3rem;order:3;text-align:center;width:100%}.main-nav,.nav-button{justify-content:center}.nav-button{flex:0 0 auto;margin:.1rem;min-width:36px;padding:.3rem}.nav-icon{display:block;font-size:1.1rem}.nav-text{display:none}.user-section{gap:.5rem;justify-content:flex-end;margin-bottom:.25rem;margin-top:-2.2rem;order:2;position:relative;width:100%;z-index:1001}.user-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;display:block;display:flex;height:32px;justify-content:center;padding:0;position:relative;width:32px;z-index:1002}.user-details{display:none}.logout-icon{display:block}.logout-text{display:none}.logout-button{justify-content:center;min-width:40px;padding:.4rem;position:relative;z-index:1002}.feedback-section,.scenarios-grid,.scores-section{grid-template-columns:1fr}.results-actions{flex-direction:column}.auth-form{padding:2rem}.interview-results,.scenario-selector{padding:1rem}}@media (max-width:480px){.selector-header h1{font-size:2rem}.nav-button{margin:.05rem;min-width:32px;padding:.25rem}.nav-icon{font-size:1rem}.main-nav{gap:.05rem}.results-header h1{font-size:2rem}.scenario-card{padding:1.5rem}.nav-button{font-size:.8rem;padding:.5rem 1rem}}.overall-score-section{margin-bottom:3rem}.overall-score-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;padding:2rem;text-align:center}.score-circle-large{align-items:center;background:linear-gradient(135deg,#282842f2,#23233cf2);border:6px solid #4169e1;border-radius:50%;box-shadow:0 0 20px #4169e14d;display:flex;flex-direction:column;height:180px;justify-content:center;margin:0 auto;width:180px}.score-value-large{color:#fff;font-size:3rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 4px #0009,0 0 12px #6495ed66}.score-label-large{color:#e0e0e0;font-size:1rem;font-weight:600;text-shadow:0 1px 2px #0006}.score-description{color:#b0b0b0;font-size:.9rem;font-weight:500;margin-top:.25rem}.competency-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;margin-bottom:3rem;padding:2rem}.competency-section h3{color:#fff;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 4px #00000080}.competency-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.competency-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#232338f2,#1e1e32f2);border:2px solid #6495ed4d;border-radius:12px;padding:1.5rem;transition:all .3s ease}.competency-card:hover{border-color:#6495ed80;box-shadow:0 4px 16px #6495ed33;transform:translateY(-2px)}.competency-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.competency-icon{font-size:1.5rem}.competency-name{color:#fff;font-weight:600;text-shadow:0 1px 2px #0006}.competency-score{align-items:center;display:flex;gap:1rem}.score-bar{background:#6495ed33;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-fill{border-radius:4px;height:100%;transition:width .8s ease}.score-text{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #0006}.insights-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;margin-bottom:3rem;padding:2rem}.insights-section h3{align-items:center;color:#fff;display:flex;font-weight:700;gap:.5rem;margin-bottom:2rem;text-shadow:0 2px 4px #00000080}.section-icon{font-size:1.2rem}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#232338f2,#1e1e32f2);border:2px solid #3498db4d;border-radius:12px;padding:1.5rem}.insight-card h4{color:#fff;font-weight:600;margin-bottom:.75rem;text-shadow:0 1px 2px #0006}.insight-card p{color:#e0e0e0;line-height:1.5;margin:0}.action-items{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#19192df2);border:1px solid #6495ed33;border-radius:16px;box-shadow:0 4px 16px #0003;color:#fff;margin-bottom:3rem;padding:2rem}.action-items h3{align-items:center;color:#fff;display:flex;font-weight:700;gap:.5rem;margin-bottom:2rem;text-shadow:0 2px 4px #00000080}.action-list{grid-gap:1rem;display:grid;gap:1rem}.action-item{background:linear-gradient(135deg,#232338f2,#1e1e32f2);border:1px solid #e67e224d;border-radius:8px;color:#e0e0e0;font-size:.95rem;line-height:1.5;padding:1rem}.action-item strong{color:#fff;text-shadow:0 1px 2px #0006}@media (max-width:768px){.behavioral-interview{padding:1rem}.interview-header{flex-direction:column;text-align:center}.response-actions{align-items:stretch;flex-direction:column}.help-actions{justify-content:center}.feedback-summary{gap:1rem}.competency-grid,.feedback-summary,.insights-grid{grid-template-columns:1fr}.score-circle-large{height:150px;width:150px}.score-value-large{font-size:2.5rem}}