@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-root:#04091a;--bg-primary:#060d1f;--bg-secondary:#0b1530;--bg-card:#0e1a38;--bg-card-h:#122040;--bg-input:#0b1530;--border:#ffffff12;--border-h:#4f72ff80;--t-primary:#e8f0ff;--t-secondary:#7a9cc8;--t-muted:#3d5a82;--accent:#4f72ff;--accent-h:#6b8aff;--accent-2:#9c6bff;--success:#00d97e;--warning:#ffb800;--danger:#ff4757;--g-hero:radial-gradient(ellipse 80% 50% at 50% -5%, #4f72ff40 0%, transparent 60%), #04091a;--g-accent:linear-gradient(135deg, #4f72ff 0%, #9c6bff 100%);--g-text:linear-gradient(135deg, #e8f0ff 0%, #9bbeff 40%, #c084fc 100%);--g-success:linear-gradient(135deg, #00d97e, #00b868);--g-card:linear-gradient(135deg, #4f72ff1a 0%, #9c6bff0d 100%);--s-sm:0 2px 8px #0006;--s-md:0 4px 20px #00000080;--s-lg:0 8px 40px #0009;--s-glow:0 0 30px #4f72ff66;--s-glow2:0 0 24px #00d97e59;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--ease:cubic-bezier(.4,0,.2,1);--tf:.15s;--tn:.25s;--ts:.4s;--nav-h:68px;--max-w:1200px}[data-theme=light]{--bg-root:#f0f4ff;--bg-primary:#ecf0ff;--bg-secondary:#e4eaff;--bg-card:#fff;--bg-card-h:#f5f8ff;--bg-input:#f0f4ff;--border:#00003c17;--border-h:#4f72ff80;--t-primary:#06102a;--t-secondary:#3d5a80;--t-muted:#7a92b5;--g-hero:radial-gradient(ellipse 80% 50% at 50% -5%, #4f72ff2e 0%, transparent 60%), #f0f4ff;--g-text:linear-gradient(135deg, #1a2a6c 0%, #4f72ff 50%, #9c6bff 100%);--g-card:linear-gradient(135deg, #4f72ff12 0%, #9c6bff08 100%);--s-sm:0 2px 8px #00003c12;--s-md:0 4px 20px #00003c17;--s-lg:0 8px 40px #00003c1c;--s-glow:0 0 30px #4f72ff33;--s-glow2:0 0 24px #00d97e33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-root);color:var(--t-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--ts) var(--ease), color var(--ts) var(--ease);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.page-bg{background:var(--g-hero);min-height:100vh}.mt-nav{margin-top:var(--nav-h)}.navbar{height:var(--nav-h);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);z-index:1000;transition:all var(--tn) var(--ease);background:#04091acc;position:fixed;top:0;left:0;right:0}[data-theme=light] .navbar{background:#f0f4ffd9}.navbar-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;gap:24px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{letter-spacing:-.5px;color:var(--t-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.nav-logo-icon{background:var(--g-accent);width:36px;height:36px;box-shadow:var(--s-glow);border-radius:10px;justify-content:center;align-items:center;font-size:17px;display:flex}.nav-links{flex:1;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--r-full);color:var(--t-secondary);transition:all var(--tf) var(--ease);padding:8px 14px;font-size:14px;font-weight:500}.nav-link:hover{color:var(--t-primary);background:#4f72ff1a}.nav-link.active{color:var(--accent-h);background:#4f72ff1f}.nav-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border-radius:var(--r-full);background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;transition:all var(--tf) var(--ease);cursor:pointer;justify-content:center;align-items:center;font-size:18px;display:flex}.theme-toggle:hover{background:var(--bg-card-h);border-color:var(--border-h);transform:rotate(20deg)}.nav-avatar{border-radius:var(--r-full);background:var(--g-accent);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.nav-user-menu{position:relative}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);min-width:180px;box-shadow:var(--s-lg);z-index:100;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.user-dropdown-item{border-radius:var(--r-md);color:var(--t-secondary);cursor:pointer;transition:all var(--tf) var(--ease);align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;display:flex}.user-dropdown-item:hover{color:var(--t-primary);background:#4f72ff1a}.user-dropdown-item.danger:hover{color:var(--danger);background:#ff47571a}.btn{border-radius:var(--r-md);transition:all var(--tf) var(--ease);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--g-accent);color:#fff;box-shadow:var(--s-glow)}.btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 0 40px #4f72ff8c}.btn-secondary{background:var(--bg-card);color:var(--t-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-h);border-color:var(--border-h)}.btn-ghost{color:var(--t-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--t-primary);border-color:var(--border-h);background:#4f72ff14}.btn-success{background:var(--g-success);color:#fff;box-shadow:var(--s-glow2)}.btn-success:hover{opacity:.88;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff4757,#ff2d3d)}.btn-danger:hover{opacity:.88;transform:translateY(-1px)}.btn-lg{border-radius:var(--r-lg);padding:14px 28px;font-size:16px}.btn-sm{padding:7px 14px;font-size:13px}.btn-xl{border-radius:var(--r-lg);padding:18px 40px;font-size:17px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--tn) var(--ease);padding:24px}.card-hover:hover{background:var(--bg-card-h);border-color:var(--border-h);box-shadow:var(--s-lg);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r-lg);background:#0e1a38a6}[data-theme=light] .card-glass{background:#ffffffb3}.card-accent{background:var(--g-card);border-radius:var(--r-lg);border:1px solid #4f72ff33}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--t-primary);transition:all var(--tf) var(--ease);outline:none;padding:12px 16px;font-size:15px}.input::placeholder{color:var(--t-muted)}.input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px #4f72ff26}.label{color:var(--t-secondary);letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group{flex-direction:column;gap:18px;display:flex}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ff475726!important}.field-error{color:var(--danger);margin-top:5px;font-size:12px}.badge{border-radius:var(--r-full);letter-spacing:.3px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:var(--accent-h);background:#4f72ff26}.badge-green{color:var(--success);background:#00d97e26}.badge-yellow{color:var(--warning);background:#ffb80026}.badge-red{color:var(--danger);background:#ff475726}.badge-purple{color:#b591ff;background:#9c6bff26}.section{padding:80px 0}.section-sm{padding:48px 0}.section-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.section-sub{color:var(--t-secondary);max-width:560px;font-size:17px;line-height:1.7}.gradient-text{background:var(--g-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-muted{color:var(--t-muted)}.text-secondary{color:var(--t-secondary)}.divider{background:var(--g-accent);border-radius:2px;width:60px;height:3px;margin:0 auto 20px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--g-accent);height:2px;position:absolute;top:0;left:0;right:0}.stat-value{letter-spacing:-1px;font-size:32px;font-weight:800}.stat-label{color:var(--t-secondary);margin-top:4px;font-size:13px}.stat-icon{margin-bottom:12px;font-size:28px}.stat-change{margin-top:8px;font-size:12px}.category-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:all var(--tn) var(--ease);flex-direction:column;gap:12px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.category-card:after{content:"";background:var(--g-accent);opacity:0;transition:opacity var(--tn) var(--ease);position:absolute;inset:0}.category-card:hover{border-color:var(--border-h);box-shadow:var(--s-glow);transform:translateY(-3px)}.category-card:hover:after{opacity:.06}.category-icon{font-size:32px}.category-title{font-size:15px;font-weight:700}.category-desc{color:var(--t-secondary);font-size:13px;line-height:1.5}.category-count{color:var(--t-muted);font-size:12px}.interview-layout{background:var(--g-hero);flex-direction:column;min-height:100vh;display:flex}.progress-bar-wrap{background:var(--bg-secondary);height:4px}.progress-bar-fill{background:var(--g-accent);height:100%;transition:width .6s var(--ease)}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--s-md);padding:40px;position:relative;overflow:hidden}.question-card:before{content:"";background:var(--g-accent);height:3px;position:absolute;top:0;left:0;right:0}.question-num{color:var(--t-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.question-text{color:var(--t-primary);font-size:clamp(18px,2.5vw,24px);font-weight:600;line-height:1.5}.recording-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex}.mic-btn{border-radius:var(--r-full);width:80px;height:80px;transition:all var(--tn) var(--ease);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:32px;display:flex}.mic-btn-idle{background:var(--bg-secondary);border:2px solid var(--border)}.mic-btn-idle:hover{border-color:var(--accent);box-shadow:var(--s-glow);background:#4f72ff1a}.mic-btn-recording{background:var(--danger);animation:1.5s infinite pulse-ring;box-shadow:0 0 #ff4757b3}@keyframes pulse-ring{0%{box-shadow:0 0 #ff475799}70%{box-shadow:0 0 0 20px #ff475700}to{box-shadow:0 0 #ff475700}}.waveform{align-items:center;gap:4px;height:48px;display:flex}.waveform-bar{background:var(--accent);border-radius:3px;width:5px;min-height:6px}.waveform-bar.active{animation:1.2s ease-in-out infinite wavebar}.waveform-bar:nth-child(2).active{animation-delay:.1s}.waveform-bar:nth-child(3).active{animation-delay:.2s}.waveform-bar:nth-child(4).active{animation-delay:.15s}.waveform-bar:nth-child(5).active{animation-delay:50ms}.waveform-bar:nth-child(6).active{animation-delay:.25s}.waveform-bar:nth-child(7).active{animation-delay:.1s}.waveform-bar:nth-child(8).active{animation-delay:.3s}@keyframes wavebar{0%,to{height:6px}50%{height:40px}}.transcript-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);width:100%;min-height:80px;color:var(--t-primary);padding:16px;font-size:15px;line-height:1.6}.feedback-panel{background:var(--g-card);border-radius:var(--r-xl);animation:slideUp .4s var(--ease);border:1px solid #4f72ff40;padding:28px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-ring-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.feedback-text{color:var(--t-secondary);font-size:14px;line-height:1.7}.feedback-list{flex-direction:column;gap:8px;list-style:none;display:flex}.feedback-list li{color:var(--t-secondary);align-items:flex-start;gap:8px;font-size:13px;display:flex}.feedback-list li:before{content:"•";color:var(--accent);flex-shrink:0;margin-top:2px}.results-hero{text-align:center;padding:60px 0 40px}.big-score{letter-spacing:-4px;background:var(--g-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:80px;font-weight:900}.score-gauge{width:160px;height:160px;margin:0 auto;position:relative}.score-gauge svg{transform:rotate(-90deg)}.score-gauge .score-num{flex-direction:column;justify-content:center;align-items:center;font-size:36px;font-weight:800;display:flex;position:absolute;inset:0}.question-breakdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.breakdown-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--tf) var(--ease);padding:20px 24px}.breakdown-item:last-child{border-bottom:none}.breakdown-item:hover{background:var(--bg-card-h)}.breakdown-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.breakdown-q{color:var(--t-primary);flex:1;font-size:14px;font-weight:500}.breakdown-score{font-size:16px;font-weight:700}.breakdown-detail{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);transition:all var(--tn) var(--ease);padding:32px;position:relative}.pricing-card.popular{border-color:var(--accent);background:var(--bg-card-h);box-shadow:var(--s-glow);transform:scale(1.02)}.pricing-card:hover{box-shadow:var(--s-lg)}.popular-badge{background:var(--g-accent);color:#fff;border-radius:var(--r-full);white-space:nowrap;padding:5px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.price-amount{letter-spacing:-2px;font-size:48px;font-weight:800;line-height:1}.price-period{color:var(--t-muted);font-size:14px}.features-list{flex-direction:column;gap:12px;margin:24px 0;list-style:none;display:flex}.features-list li{color:var(--t-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.feature-check{color:var(--success);flex-shrink:0}.feature-x{color:var(--t-muted);flex-shrink:0}.history-table{border-collapse:collapse;width:100%}.history-table th{text-align:left;color:var(--t-muted);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:600}.history-table td{border-bottom:1px solid var(--border);color:var(--t-secondary);padding:14px 16px;font-size:14px}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover td{color:var(--t-primary);background:#4f72ff0a}.score-pill{border-radius:var(--r-full);justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:inline-flex}.toast{z-index:9999;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--s-lg);min-width:280px;animation:toastIn .3s var(--ease);align-items:center;gap:12px;padding:14px 20px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px}.toast-success{border-color:var(--success)}.toast-error{border-color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tabs{background:var(--bg-secondary);border-radius:var(--r-lg);padding:4px;display:flex}.tab-btn{border-radius:var(--r-md);color:var(--t-muted);cursor:pointer;transition:all var(--tf) var(--ease);background:0 0;border:none;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.tab-btn.active{background:var(--bg-card);color:var(--t-primary);box-shadow:var(--s-sm)}.tab-btn:hover:not(.active){color:var(--t-secondary)}.billing-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:16px;padding:6px 16px;font-size:14px;font-weight:500;display:flex}.toggle-switch{background:var(--bg-secondary);cursor:pointer;width:44px;height:24px;transition:background var(--tf) var(--ease);border:1px solid var(--border);border-radius:12px;position:relative}.toggle-switch.on{background:var(--g-accent);border-color:#0000}.toggle-knob{width:18px;height:18px;transition:transform var(--tf) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-knob{transform:translate(20px)}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-h) 50%, var(--bg-card) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.hero{text-align:center;padding:140px 0 80px;position:relative}.hero-title{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(38px,6vw,72px);font-weight:900;line-height:1.1}.hero-sub{color:var(--t-secondary);max-width:600px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--tn) var(--ease);padding:28px;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--border-h);box-shadow:var(--s-glow);transform:translateY(-3px)}.feature-icon-wrap{background:var(--g-card);border-radius:var(--r-md);border:1px solid #4f72ff33;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:24px;display:flex}.feature-title{margin-bottom:10px;font-size:17px;font-weight:700}.feature-desc{color:var(--t-secondary);font-size:14px;line-height:1.7}.fade-in{animation:fadeIn .5s var(--ease) forwards}.fade-in-up{animation:fadeInUp .5s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.glow{box-shadow:var(--s-glow)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-lg);background:#0e1a3899}[data-theme=light] .glass{background:#ffffffa6}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mb-64{margin-bottom:64px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.p-0{padding:0}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.w-full{width:100%}@media (max-width:1024px){.stats-grid,.category-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.pricing-card.popular{transform:none}}@media (max-width:768px){.stats-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.grid-2,.grid-3{grid-template-columns:1fr}.nav-links{display:none}.container{padding:0 16px}.section{padding:60px 0}.hero{padding:120px 0 60px}.question-card{padding:24px}}@media (max-width:480px){.stats-grid,.category-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.btn-xl{padding:16px 24px}}.orb-wrap{flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.orb-ring{opacity:0;border:2px solid;border-radius:50%;width:200px;height:200px;position:absolute}.orb-ring-1{animation:2s ease-out infinite orbRing}.orb-ring-2{animation:2s ease-out .7s infinite orbRing}@keyframes orbRing{0%{opacity:.6;transform:scale(.95)}to{opacity:0;transform:scale(1.9)}}.orb-core{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:52px;display:flex;position:relative}.orb-pulse{animation:2s ease-in-out infinite orbPulse}.orb-spin{animation:2s linear infinite spin}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 40px}50%{transform:scale(1.07);box-shadow:0 0 80px}}.va-page{color:#e8f0ff;background:radial-gradient(80% 50% at 50% -5%,#4f72ff33 0%,#0000 60%),#04091a;flex-direction:column;min-height:100vh;display:flex}.va-topbar{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.va-logo{color:#e8f0ff;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.va-logo-icon{background:linear-gradient(135deg,#4f72ff,#9c6bff);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.va-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:32px 24px;display:flex}.va-card{background:#0e1a38b3;border:1px solid #4f72ff33;border-radius:16px;width:100%;padding:20px 24px}.va-q-label{color:#4f72ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:700}.va-q-text{color:#e8f0ff;font-size:16px;line-height:1.6}.va-t-label{color:#00d97e;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700}.va-t-text{color:#7a9cc8;font-size:14px;line-height:1.7}.va-dots{gap:8px;display:flex}.va-dot{border-radius:50%;width:10px;height:10px;transition:all .3s}.va-cat-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:580px;display:grid}.va-cat-btn{cursor:pointer;color:#7a9cc8;background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.va-cat-btn.selected{color:#6b8aff;background:#4f72ff26;border-color:#4f72ff}.va-cat-btn:hover{color:#9bbeff;border-color:#4f72ff80}.va-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f72ff,#9c6bff);border:none;border-radius:50px;padding:16px 52px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 0 40px #4f72ff73}.va-start-btn:disabled{color:#3d5a82;box-shadow:none;cursor:not-allowed;background:#ffffff1a}@media (max-width:600px){.va-cat-grid{grid-template-columns:repeat(2,1fr)}}