:root{color-scheme:dark;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--indigo-400: #818cf8;--indigo-500: #6366f1;--color-bg: #0a0612;--color-surface-1: #12091f;--color-surface-2: #1a1030;--color-surface-3: #221540;--color-surface-glass: rgba(255, 255, 255, .04);--color-surface-glass-hover: rgba(255, 255, 255, .07);--color-text: #f1eeff;--color-text-2: #c4b5fd;--color-muted: #8b7bb0;--color-muted-2: #5e4f7a;--color-brand: #8b5cf6;--color-brand-light: #a78bfa;--color-brand-strong: #6d28d9;--color-brand-glow: rgba(139, 92, 246, .35);--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .12);--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .12);--color-error: #f87171;--color-error-soft: rgba(248, 113, 113, .12);--color-info: #60a5fa;--color-info-soft: rgba(96, 165, 250, .12);--color-line: rgba(139, 92, 246, .18);--color-line-strong: rgba(139, 92, 246, .35);--color-focus: #a78bfa;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 24px rgba(0, 0, 0, .5), 0 0 0 1px var(--color-line);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6), 0 0 0 1px var(--color-line);--shadow-glow: 0 0 32px var(--color-brand-glow);--shadow-brand: 0 4px 20px rgba(139, 92, 246, .4);--gradient-brand: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-hero: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(109, 40, 217, .6) 0%, transparent 65%);--gradient-surface: linear-gradient(180deg, var(--color-surface-1) 0%, var(--color-bg) 100%);--gradient-card: linear-gradient(135deg, var(--color-surface-glass) 0%, rgba(109, 40, 217, .06) 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--transition: .15s ease;--transition-slow: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}.skip-link{background:var(--gradient-brand);border-radius:var(--radius);color:#fff;font-weight:700;left:16px;padding:10px 16px;position:absolute;text-decoration:none;top:-56px;z-index:1000}.skip-link:focus-visible{top:16px}#app{display:flex;flex-direction:column;min-height:100dvh}.site-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0612d9;border-bottom:1px solid var(--color-line);display:flex;gap:var(--space-6);height:64px;left:0;padding:0 var(--space-6);position:sticky;right:0;top:0;z-index:100}.header-inner{align-items:center;display:flex;gap:var(--space-6);margin:0 auto;max-width:1200px;width:100%}.brand{align-items:center;display:flex;font-family:var(--font-display);font-size:1.25rem;font-weight:700;gap:var(--space-2);text-decoration:none;white-space:nowrap}.brand-icon{background:var(--gradient-brand);border-radius:var(--radius-sm);display:grid;height:32px;place-items:center;width:32px;flex-shrink:0}.brand-icon svg{width:18px;height:18px}.brand-text{color:var(--color-text)}.site-nav{align-items:center;display:flex;flex:1;gap:var(--space-1);list-style:none}.nav-link{border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:500;padding:6px 12px;text-decoration:none;transition:color var(--transition),background var(--transition);white-space:nowrap}.nav-link:hover{color:var(--color-text);background:var(--color-surface-glass-hover)}.nav-link.active{color:var(--color-brand-light)}.header-actions{align-items:center;display:flex;gap:var(--space-3);flex-shrink:0}.auth-chip{align-items:center;background:var(--color-surface-glass);border:1px solid var(--color-line);border-radius:var(--radius-full);color:var(--color-text-2);display:flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-2);padding:5px 12px}.user-avatar{background:var(--gradient-brand);border-radius:50%;font-size:10px;font-weight:700;height:22px;line-height:22px;text-align:center;width:22px}.menu-toggle{background:none;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;height:36px;padding:0 8px;width:36px}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);justify-content:center;padding:10px 20px;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--gradient-brand);box-shadow:var(--shadow-brand);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 28px #8b5cf68c;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface-glass);border:1px solid var(--color-line);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-glass-hover);border-color:var(--color-brand)}.btn-ghost{background:transparent;color:var(--color-muted);padding:8px 12px}.btn-ghost:hover:not(:disabled){color:var(--color-text)}.btn-danger{background:var(--color-error-soft);border:1px solid rgba(248,113,113,.3);color:var(--color-error)}.btn-sm{font-size:var(--font-size-xs);padding:7px 14px}.btn-lg{font-size:var(--font-size-base);padding:14px 28px}.btn-xl{font-size:var(--font-size-lg);padding:18px 36px;border-radius:var(--radius-lg)}main{flex:1}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--color-line-strong)}.card.elevated{box-shadow:var(--shadow)}.card.glow:hover{box-shadow:var(--shadow-glow)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:700;gap:6px;letter-spacing:.03em;padding:4px 12px;text-transform:uppercase}.badge-brand{background:#8b5cf626;border:1px solid rgba(139,92,246,.4);color:var(--color-brand-light)}.badge-success{background:var(--color-success-soft);border:1px solid rgba(52,211,153,.3);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);border:1px solid rgba(251,191,36,.3);color:var(--color-warning)}.badge-error{background:var(--color-error-soft);border:1px solid rgba(248,113,113,.3);color:var(--color-error)}.badge-neutral{background:var(--color-surface-glass);border:1px solid var(--color-line);color:var(--color-muted)}.form-group{display:grid;gap:var(--space-2)}.form-label{color:var(--color-text-2);font-size:var(--font-size-sm);font-weight:600}.form-input,.form-textarea,.form-select{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);padding:12px 16px;transition:border-color var(--transition);width:100%}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px var(--color-brand-glow)}.form-textarea{min-height:140px;resize:vertical;line-height:1.6}.form-select option{background:var(--color-surface-2)}.form-hint{color:var(--color-muted);font-size:var(--font-size-xs)}.form-status{color:var(--color-muted);font-size:var(--font-size-sm);min-height:1.4em}.progress-bar{background:var(--color-surface-3);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:var(--gradient-brand);border-radius:var(--radius-full);height:100%;transition:width .4s ease}.score-ring{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.score-value{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1}.score-label{color:var(--color-muted);font-size:var(--font-size-sm)}.grade-A{color:var(--color-success)}.grade-B{color:#86efac}.grade-C{color:var(--color-warning)}.grade-D{color:var(--color-error)}.hero-section{background:var(--gradient-hero);padding:80px 0 60px;position:relative;overflow:hidden}.hero-section:before{background:radial-gradient(circle 600px at 80% 50%,rgba(99,102,241,.15) 0%,transparent 70%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.hero-inner{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 var(--space-6);position:relative}.hero-eyebrow{margin-bottom:var(--space-4)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-4)}.hero-title .accent{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--color-muted);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-8);max-width:480px}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.hero-social-proof{align-items:center;display:flex;gap:var(--space-4)}.social-proof-stat{color:var(--color-muted);font-size:var(--font-size-sm)}.social-proof-stat strong{color:var(--color-text);font-weight:700}.hero-demo{background:var(--color-surface-1);border:1px solid var(--color-line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.demo-header{align-items:center;background:var(--color-surface-2);border-bottom:1px solid var(--color-line);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.demo-dot{border-radius:50%;height:10px;width:10px}.demo-dot:nth-child(1){background:#f87171}.demo-dot:nth-child(2){background:#fbbf24}.demo-dot:nth-child(3){background:#34d399}.demo-title{color:var(--color-muted);font-size:var(--font-size-xs);margin-left:var(--space-2)}.demo-body{padding:var(--space-6);display:grid;gap:var(--space-4)}.demo-question{background:var(--color-surface-glass);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-4)}.demo-q-label{color:var(--color-brand-light);font-size:var(--font-size-xs);font-weight:700;margin-bottom:var(--space-2);text-transform:uppercase}.demo-q-text{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5}.demo-score-row{align-items:center;display:flex;gap:var(--space-4)}.demo-score-chip{background:var(--gradient-brand);border-radius:var(--radius-lg);color:#fff;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;padding:var(--space-3) var(--space-6)}.demo-dims{display:grid;flex:1;gap:6px}.demo-dim{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--space-2)}.demo-dim-name{color:var(--color-muted);width:90px}.demo-dim-bar{background:var(--color-surface-3);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.demo-dim-fill{background:var(--gradient-brand);height:100%;border-radius:inherit}.features-section{padding:var(--space-16) 0}.section-header{text-align:center;margin-bottom:60px}.section-eyebrow{margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-4)}.section-subtitle{color:var(--color-muted);font-size:var(--font-size-lg);max-width:560px;margin:0 auto}.features-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-8);transition:border-color var(--transition),transform var(--transition)}.feature-card:hover{border-color:var(--color-brand);transform:translateY(-2px)}.feature-icon{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius);color:var(--color-brand-light);height:48px;margin-bottom:var(--space-4);display:grid;place-items:center;width:48px}.feature-icon svg{width:24px;height:24px}.feature-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.feature-desc{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.6}.steps-section{padding:var(--space-16) 0;background:var(--color-surface-1);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.steps-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(4,1fr)}.step{display:grid;gap:var(--space-3);text-align:center}.step-number{background:var(--gradient-brand);border-radius:50%;color:#fff;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;height:40px;line-height:40px;margin:0 auto;width:40px}.step-title{font-weight:600;font-size:var(--font-size-base)}.step-desc{color:var(--color-muted);font-size:var(--font-size-sm)}.pricing-section{padding:var(--space-16) 0}.pricing-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.pricing-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;transition:border-color var(--transition)}.pricing-card.featured{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand),var(--shadow-glow)}.pricing-popular{background:var(--gradient-brand);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:4px 12px;position:absolute;right:var(--space-6);top:var(--space-6)}.pricing-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-4)}.pricing-price{align-items:baseline;display:flex;gap:6px;margin-bottom:var(--space-6)}.pricing-amount{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1}.pricing-period{color:var(--color-muted);font-size:var(--font-size-sm)}.pricing-features{display:grid;gap:var(--space-3);list-style:none;margin-bottom:var(--space-8)}.pricing-feature{align-items:center;color:var(--color-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.pricing-feature.included{color:var(--color-text)}.pricing-feature svg{color:var(--color-success);flex-shrink:0;width:16px;height:16px}.pricing-feature.excluded svg{color:var(--color-muted-2)}.practice-layout{display:grid;gap:0;grid-template-columns:320px 1fr;height:calc(100dvh - 64px)}.practice-sidebar{background:var(--color-surface-1);border-right:1px solid var(--color-line);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--color-line);padding:var(--space-6)}.sidebar-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-1)}.sidebar-subtitle{color:var(--color-muted);font-size:var(--font-size-sm)}.sidebar-body{flex:1;padding:var(--space-4)}.question-list{display:grid;gap:var(--space-2)}.question-item{align-items:flex-start;background:var(--color-surface-glass);border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition);width:100%}.question-item:hover{border-color:var(--color-brand);background:var(--color-surface-glass-hover)}.question-item.active{border-color:var(--color-brand);background:#8b5cf61a}.question-item.answered{border-color:#34d3994d}.q-num{background:var(--color-surface-3);border-radius:var(--radius-sm);color:var(--color-muted);flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;padding:3px 8px}.question-item.active .q-num{background:var(--gradient-brand);color:#fff}.question-item.answered .q-num{background:#34d39933;color:var(--color-success)}.q-text{color:var(--color-text-2);font-size:var(--font-size-xs);line-height:1.4}.q-score{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;margin-left:auto;flex-shrink:0}.sidebar-footer{border-top:1px solid var(--color-line);padding:var(--space-4)}.practice-main{display:flex;flex-direction:column;overflow-y:auto}.setup-view{display:grid;gap:var(--space-8);margin:0 auto;max-width:660px;padding:var(--space-12) var(--space-6);width:100%}.setup-header{text-align:center}.setup-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-3)}.setup-subtitle{color:var(--color-muted);font-size:var(--font-size-lg)}.setup-form{display:grid;gap:var(--space-6)}.setup-row{display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.interview-view{display:grid;gap:var(--space-8);padding:var(--space-8) var(--space-8)}.interview-progress{align-items:center;display:flex;gap:var(--space-4)}.progress-text{color:var(--color-muted);flex-shrink:0;font-size:var(--font-size-sm)}.question-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-8)}.question-meta{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.question-hint{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius);color:var(--color-text-2);font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.hint-icon{color:var(--color-brand-light);font-size:var(--font-size-xs);font-weight:700;margin-bottom:4px;text-transform:uppercase}.q-full-text{font-size:var(--font-size-lg);font-weight:500;line-height:1.5}.answer-section{display:grid;gap:var(--space-4)}.answer-label{color:var(--color-text-2);font-size:var(--font-size-sm);font-weight:600}.answer-actions{align-items:center;display:flex;gap:var(--space-3);justify-content:flex-end}.eval-card{background:var(--color-surface-1);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.eval-header{align-items:center;background:var(--color-surface-2);border-bottom:1px solid var(--color-line);display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-6)}.eval-score-block{align-items:center;display:flex;gap:var(--space-4)}.eval-score-num{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1}.eval-score-label{color:var(--color-muted);font-size:var(--font-size-sm)}.eval-body{display:grid;gap:var(--space-6);padding:var(--space-6)}.eval-dims{display:grid;gap:var(--space-3)}.eval-dim{display:grid;gap:var(--space-2)}.eval-dim-row{align-items:center;display:flex;justify-content:space-between}.eval-dim-name{color:var(--color-text-2);font-size:var(--font-size-sm);font-weight:500}.eval-dim-score{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600}.eval-lists{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.eval-list-title{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.eval-list-title.strengths{color:var(--color-success)}.eval-list-title.improvements{color:var(--color-warning)}.eval-list{display:grid;gap:var(--space-2);list-style:none}.eval-list li{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.5;padding-left:var(--space-4);position:relative}.eval-list li:before{content:"•";left:0;position:absolute}.strengths .eval-list li:before{color:var(--color-success)}.improvements .eval-list li:before{color:var(--color-warning)}.eval-tip{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);color:var(--color-text-2);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.report-view{margin:0 auto;max-width:800px;padding:var(--space-8);width:100%}.report-header{display:grid;gap:var(--space-8);grid-template-columns:1fr auto;align-items:start;margin-bottom:var(--space-8)}.report-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-3)}.report-summary{color:var(--color-muted);font-size:var(--font-size-base);line-height:1.6}.report-grade-block{align-items:center;background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-8);text-align:center}.report-grade{font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1}.report-grade-label{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.report-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-8)}.stat-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.stat-value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-1)}.stat-label{color:var(--color-muted);font-size:var(--font-size-sm)}.report-next-steps{margin-bottom:var(--space-8)}.next-steps-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-4)}.next-steps-list{display:grid;gap:var(--space-3);list-style:none}.next-step{align-items:flex-start;background:var(--color-surface-glass);border:1px solid var(--color-line);border-radius:var(--radius);display:flex;gap:var(--space-3);padding:var(--space-4)}.next-step-num{background:var(--gradient-brand);border-radius:50%;color:#fff;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;height:24px;line-height:24px;text-align:center;width:24px}.next-step-text{color:var(--color-text-2);font-size:var(--font-size-sm);line-height:1.5}.history-view{padding:var(--space-8)}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.history-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700}.sessions-list{display:grid;gap:var(--space-4)}.session-card{align-items:center;background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);text-align:left;transition:border-color var(--transition),transform var(--transition);width:100%}.session-card:hover{border-color:var(--color-brand);transform:translate(2px)}.session-job-title{font-weight:600;margin-bottom:var(--space-1)}.session-meta{color:var(--color-muted);font-size:var(--font-size-sm)}.session-score-chip{background:var(--gradient-brand);border-radius:var(--radius);color:#fff;flex-shrink:0;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;padding:var(--space-2) var(--space-4);margin-left:auto}.session-score-chip.no-score{background:var(--color-surface-3);color:var(--color-muted);font-size:var(--font-size-sm)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-16);text-align:center}.empty-state-icon{color:var(--color-muted-2)}.empty-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600}.empty-desc{color:var(--color-muted);max-width:320px}.account-view{margin:0 auto;max-width:760px;padding:var(--space-8) var(--space-6)}.account-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-8)}.account-section{margin-bottom:var(--space-8)}.account-section-title{color:var(--color-text-2);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-4);text-transform:uppercase}.profile-card{align-items:center;background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-6)}.profile-avatar-lg{background:var(--gradient-brand);border-radius:50%;font-size:1.5rem;font-weight:700;height:56px;line-height:56px;text-align:center;width:56px;flex-shrink:0}.profile-name{font-weight:600;font-size:var(--font-size-lg)}.profile-email{color:var(--color-muted);font-size:var(--font-size-sm)}.subscription-status-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6)}.subscription-plan-row{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.subscription-plan-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700}.usage-bar-section{margin-top:var(--space-4)}.usage-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.usage-text{color:var(--color-muted);font-size:var(--font-size-sm)}.usage-count{color:var(--color-text-2);font-weight:600;font-size:var(--font-size-sm)}.admin-view{padding:var(--space-8) var(--space-6)}.admin-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-8)}.admin-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-8)}.users-table-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden}.table-header{border-bottom:1px solid var(--color-line);padding:var(--space-4) var(--space-6)}.table-title{font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--color-surface-2);color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-3) var(--space-6);text-align:left;text-transform:uppercase}.data-table td{border-top:1px solid var(--color-line);color:var(--color-text-2);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-6)}.data-table tr:hover td{background:var(--color-surface-glass)}.login-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 64px);padding:var(--space-8)}.login-card{background:var(--gradient-card);border:1px solid var(--color-line);border-radius:var(--radius-xl);max-width:400px;padding:var(--space-10);text-align:center;width:100%;box-shadow:var(--shadow-lg)}.login-icon{color:var(--color-brand-light);font-size:2.5rem;margin-bottom:var(--space-4)}.login-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-3)}.login-subtitle{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-8);line-height:1.6}.btn-google{align-items:center;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:#1a1a1a;display:flex;font-weight:600;gap:var(--space-3);justify-content:center;padding:13px 24px;text-decoration:none;transition:all var(--transition);width:100%}.btn-google:hover{box-shadow:0 4px 20px #ffffff26;transform:translateY(-1px)}.btn-google svg{flex-shrink:0}.legal-view{margin:0 auto;max-width:760px;padding:var(--space-12) var(--space-6)}.legal-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-6)}.legal-content{color:var(--color-muted);line-height:1.8}.legal-content h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;margin:var(--space-8) 0 var(--space-3)}.legal-content p{margin-bottom:var(--space-4)}.legal-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.legal-content li{margin-bottom:var(--space-2)}.legal-content a{color:var(--color-brand-light)}.site-footer{background:var(--color-surface-1);border-top:1px solid var(--color-line);padding:var(--space-8) 0 var(--space-6)}.footer-inner{display:grid;gap:var(--space-8);grid-template-columns:1fr auto;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.footer-brand-desc{color:var(--color-muted);font-size:var(--font-size-sm);margin-top:var(--space-2);max-width:280px}.footer-links{align-items:start;display:flex;gap:var(--space-8)}.footer-group{display:grid;gap:var(--space-3)}.footer-group-title{color:var(--color-text-2);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.footer-link{color:var(--color-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-line);color:var(--color-muted);font-size:var(--font-size-xs);margin:var(--space-6) auto 0;max-width:1200px;padding:var(--space-4) var(--space-6) 0}.ad-slot{border:1px dashed var(--color-line);border-radius:var(--radius);color:var(--color-muted);margin:var(--space-6) 0;min-height:90px;overflow:hidden}.toast-container{bottom:var(--space-6);display:grid;gap:var(--space-2);position:fixed;right:var(--space-6);z-index:999}.toast{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-3);max-width:380px;padding:var(--space-3) var(--space-4)}.toast.success{background:#34d39926;border-color:#34d3994d}.toast.error{background:#f8717126;border-color:#f871714d}.toast.info{background:#60a5fa26;border-color:#60a5fa4d}.onboarding-banner{align-items:center;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);transition:opacity .2s ease,transform .2s ease}.onboarding-icon{flex-shrink:0;font-size:1.5rem}.onboarding-body{flex:1}.onboarding-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;margin-bottom:2px}.onboarding-text{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.5}.onboarding-close{flex-shrink:0}@media (max-width: 1024px){.practice-layout{grid-template-columns:280px 1fr}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.site-nav{display:none}.menu-toggle{display:grid;place-items:center}.site-nav.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--color-surface-1);border-bottom:1px solid var(--color-line);padding:var(--space-4);gap:var(--space-2)}.hero-inner{grid-template-columns:1fr;gap:var(--space-8)}.hero-demo{display:none}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.practice-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.practice-sidebar{border-right:none;border-bottom:1px solid var(--color-line);max-height:220px}.eval-lists,.footer-inner{grid-template-columns:1fr}.footer-links{display:none}.admin-stats{grid-template-columns:1fr 1fr}.report-header,.setup-row{grid-template-columns:1fr}.interview-view{padding:var(--space-4)}}