:root{--navy: #1a2332;--navy-light: #243247;--navy-mid: #2d3f57;--amber: #D4A574;--amber-light: #E8C9A0;--amber-dark: #B8895A;--stone: #F5F0EB;--stone-dark: #E5DDD4;--stone-darker: #C9BFB3;--sage: #8B9E6B;--sage-light: #A8B88F;--coral: #C4786C;--sky: #7BA7BC;--plum: #9B8EC4;--text-primary: #1a2332;--text-secondary: #5A6677;--text-muted: #8B95A3;--white: #FFFFFF;--card-shadow: 0 2px 16px rgba(26, 35, 50, .08);--card-shadow-hover: 0 6px 32px rgba(26, 35, 50, .12);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,system-ui,sans-serif;background:var(--stone);color:var(--text-primary);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--navy);color:var(--white);position:sticky;top:0;z-index:100}.header-back{color:var(--amber-light);text-decoration:none;font-size:.85rem;font-weight:400;opacity:.8;transition:opacity var(--transition)}.header-back:hover{opacity:1}.header-title{font-family:"DM Serif Display",serif;font-size:1.2rem;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.header-icon{font-size:1.1rem}.header-restart{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:6px 14px;border-radius:6px;font-size:.8rem;font-family:Outfit,sans-serif;cursor:pointer;transition:all var(--transition)}.header-restart:hover{background:#ffffff1a;border-color:#fff6}.app-main{flex:1;display:flex;flex-direction:column}.app-footer{padding:24px;text-align:center;color:var(--text-muted);font-size:.78rem;border-top:1px solid var(--stone-dark);background:var(--white)}.app-footer a{color:var(--amber-dark);text-decoration:none}.app-footer a:hover{text-decoration:underline}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:radial-gradient(ellipse at 30% 20%,rgba(212,165,116,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(123,167,188,.06) 0%,transparent 50%),var(--stone)}.welcome-content{max-width:620px}.welcome-badge{display:inline-block;padding:6px 16px;background:var(--navy);color:var(--amber-light);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;margin-bottom:24px}.welcome-title{font-family:"DM Serif Display",serif;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.15;color:var(--navy);margin-bottom:20px}.welcome-subtitle{font-size:1.1rem;line-height:1.65;color:var(--text-secondary);margin-bottom:40px;font-weight:300}.welcome-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;text-align:left}.welcome-feature{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow)}.welcome-feature-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.welcome-feature strong{display:block;font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:2px}.welcome-feature span{font-size:.85rem;color:var(--text-secondary);font-weight:300}.welcome-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:var(--navy);color:var(--white);border:none;border-radius:var(--radius);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 20px #1a233233}.welcome-cta:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:0 8px 32px #1a233240}.cta-arrow{font-size:1.3rem;transition:transform var(--transition)}.welcome-cta:hover .cta-arrow{transform:translate(4px)}.welcome-privacy{margin-top:16px;font-size:.8rem;color:var(--text-muted)}.welcome-visual{margin-top:48px}.welcome-car-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:400px;margin:0 auto}.car-type-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:transform var(--transition)}.car-type-card:hover{transform:translateY(-3px)}.car-type-emoji{font-size:1.6rem}.car-type-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.questionnaire-container{flex:1;display:flex;flex-direction:column;max-width:700px;width:100%;margin:0 auto;padding:24px 20px}.progress-bar-container{margin-bottom:12px}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-stage{font-weight:600;font-size:.85rem}.progress-count{font-size:.8rem;color:var(--text-muted)}.progress-track{height:4px;background:var(--stone-dark);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.stage-indicator{display:flex;justify-content:center;gap:6px;margin-bottom:28px;flex-wrap:wrap}.stage-dot-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4;transition:opacity var(--transition)}.stage-dot-wrapper.active{opacity:1}.stage-dot-wrapper.complete{opacity:.8}.stage-dot-wrapper.partial{opacity:.6}.stage-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:2px solid var(--stone-darker);background:var(--white);transition:all var(--transition)}.stage-dot-wrapper.active .stage-dot{border-width:2px;transform:scale(1.15)}.stage-dot-wrapper.complete .stage-dot{color:var(--white);font-size:.7rem;font-weight:700}.stage-dot-label{font-size:.6rem;color:var(--text-muted);text-align:center;max-width:70px;display:none}@media(min-width:640px){.stage-dot-label{display:block}}.question-wrapper{flex:1;display:flex;align-items:flex-start;justify-content:center}.question-wrapper.question-forward{animation:slideInRight .3s ease-out}.question-wrapper.question-backward{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.question-card{width:100%;background:var(--white);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--card-shadow);outline:none}.question-number{font-size:.75rem;font-weight:600;color:var(--amber-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.question-text{font-family:"DM Serif Display",serif;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.3;color:var(--navy);margin-bottom:8px}.question-subtext{font-size:.9rem;color:var(--text-secondary);font-weight:300;margin-bottom:8px}.question-input{margin:28px 0}.input-slider{text-align:center}.slider-value{font-family:"DM Serif Display",serif;font-size:2rem;color:var(--navy);margin-bottom:16px}.slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--stone-dark);border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--navy);border:3px solid var(--white);box-shadow:0 2px 8px #00000026;cursor:pointer;transition:transform var(--transition)}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--navy);border:3px solid var(--white);box-shadow:0 2px 8px #00000026;cursor:pointer}.slider-range{display:flex;justify-content:space-between;margin-top:8px;font-size:.78rem;color:var(--text-muted)}.input-single-select,.input-multi-select{display:flex;flex-direction:column;gap:10px}.select-option{display:block;width:100%;padding:14px 18px;background:var(--stone);border:2px solid transparent;border-radius:var(--radius);font-family:Outfit,sans-serif;font-size:.95rem;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition)}.select-option:hover{background:var(--stone-dark);border-color:var(--stone-darker)}.select-option.selected{background:var(--navy);color:var(--white);border-color:var(--navy)}.input-scale{text-align:center}.scale-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.scale-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--stone-dark);background:var(--white);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.scale-btn:hover{border-color:var(--navy);color:var(--navy)}.scale-btn.selected{background:var(--navy);color:var(--white);border-color:var(--navy);transform:scale(1.1)}.scale-labels{display:flex;justify-content:space-between;padding:0 4px}.scale-label{font-size:.7rem;color:var(--text-muted);width:52px;text-align:center}.input-number{display:flex;align-items:center;justify-content:center;gap:24px}.num-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--stone-dark);background:var(--white);font-size:1.4rem;color:var(--navy);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.num-btn:hover:not(:disabled){border-color:var(--navy);background:var(--navy);color:var(--white)}.num-btn:disabled{opacity:.3;cursor:not-allowed}.num-value{font-family:"DM Serif Display",serif;font-size:2.4rem;color:var(--navy);min-width:60px;text-align:center}.text-field{width:100%;padding:14px 18px;border:2px solid var(--stone-dark);border-radius:var(--radius);font-family:Outfit,sans-serif;font-size:1rem;color:var(--text-primary);background:var(--white);transition:border-color var(--transition)}.text-field:focus{outline:none;border-color:var(--navy)}.text-field::placeholder{color:var(--text-muted)}.brand-mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-btn{flex:1;padding:10px;border:2px solid var(--stone-dark);border-radius:var(--radius);background:var(--white);font-family:Outfit,sans-serif;font-size:.85rem;cursor:pointer;transition:all var(--transition);color:var(--text-secondary)}.mode-btn.active.include-mode{border-color:var(--sage);background:#8b9e6b14;color:var(--sage)}.mode-btn.active.exclude-mode{border-color:var(--coral);background:#c4786c14;color:var(--coral)}.brand-grid{display:flex;flex-wrap:wrap;gap:8px}.brand-chip{padding:8px 14px;border:1.5px solid var(--stone-dark);border-radius:20px;background:var(--white);font-family:Outfit,sans-serif;font-size:.82rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.brand-chip:hover{border-color:var(--navy)}.brand-chip.included{border-color:var(--sage);background:#8b9e6b1a;color:var(--sage)}.brand-chip.excluded{border-color:var(--coral);background:#c4786c1a;color:var(--coral)}.brand-tag{font-size:.7rem}.brand-clear{margin-top:12px;background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;text-decoration:underline;font-family:Outfit,sans-serif}.question-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.nav-btn{padding:12px 28px;border:none;border-radius:var(--radius);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.nav-prev{background:transparent;color:var(--text-secondary)}.nav-prev:hover{color:var(--navy)}.nav-next{background:var(--navy);color:var(--white);margin-left:auto}.nav-next:hover:not(.disabled){background:var(--navy-light);transform:translateY(-1px)}.nav-next.disabled{opacity:.35;cursor:not-allowed}.results-view{flex:1;max-width:760px;width:100%;margin:0 auto;padding:32px 20px}.results-header{margin-bottom:32px;text-align:center}.results-title{font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--navy);margin-bottom:10px}.results-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:300;line-height:1.6}.results-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.results-empty h2{font-family:"DM Serif Display",serif;color:var(--navy);margin-bottom:12px}.results-empty p{color:var(--text-secondary);margin-bottom:24px}.results-list{display:flex;flex-direction:column;gap:16px}.vehicle-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow var(--transition)}.vehicle-card:hover,.vehicle-card.expanded{box-shadow:var(--card-shadow-hover)}.vehicle-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer}.vehicle-rank{font-family:"DM Serif Display",serif;font-size:1.1rem;color:var(--amber-dark);min-width:32px}.vehicle-identity{flex:1}.vehicle-name{font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--navy);line-height:1.3}.vehicle-trim{font-size:.82rem;color:var(--text-muted);font-weight:400}.vehicle-score{text-align:center}.score-circle{width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--navy) calc(var(--score) * 1%),var(--stone-dark) calc(var(--score) * 1%));display:flex;align-items:center;justify-content:center;position:relative}.score-circle:before{content:"";width:40px;height:40px;border-radius:50%;background:var(--white);position:absolute}.score-number{position:relative;z-index:1;font-weight:700;font-size:.85rem;color:var(--navy)}.score-label-text{font-size:.65rem;color:var(--text-muted);display:block;margin-top:2px}.vehicle-card-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 24px 12px;font-size:.82rem;color:var(--text-secondary)}.quick-stat-divider{color:var(--stone-darker)}.vehicle-card-preview{padding:0 24px 16px}.preview-reason{font-size:.88rem;color:var(--sage);font-weight:400}.expand-btn{display:block;width:100%;padding:12px;background:var(--stone);border:none;border-top:1px solid var(--stone-dark);font-family:Outfit,sans-serif;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.expand-btn:hover{background:var(--stone-dark);color:var(--navy)}.vehicle-card-detail{padding:0 24px 24px;animation:expandIn .3s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.detail-section{padding:16px 0;border-top:1px solid var(--stone-dark)}.detail-section:first-child{border-top:none}.detail-heading{font-family:"DM Serif Display",serif;font-size:1rem;color:var(--navy);margin-bottom:12px}.tradeoffs-heading{margin-top:12px}.reason-list{list-style:none;display:flex;flex-direction:column;gap:6px}.reason-item{font-size:.88rem;line-height:1.5;padding:6px 0}.reason-item.good{color:var(--sage)}.reason-item.tradeoff{color:var(--coral)}.score-bars{display:flex;flex-direction:column;gap:8px}.score-bar-row{display:flex;align-items:center;gap:10px}.score-bar-label{width:100px;font-size:.78rem;color:var(--text-secondary);flex-shrink:0}.score-bar-track{flex:1;height:6px;background:var(--stone-dark);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.score-bar-value{width:28px;text-align:right;font-size:.78rem;font-weight:600;color:var(--text-primary)}.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.spec{display:flex;justify-content:space-between;padding:8px 12px;background:var(--stone);border-radius:var(--radius-sm)}.spec-label{font-size:.78rem;color:var(--text-muted)}.spec-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.deep-links{display:flex;gap:10px;flex-wrap:wrap}.deep-link-btn{flex:1;min-width:120px;padding:12px 16px;border-radius:var(--radius);text-decoration:none;text-align:center;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;transition:all var(--transition);color:var(--white)}.deep-link-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.deep-link-btn.cars-com{background:#e04235}.deep-link-btn.autotrader{background:#e87722}.deep-link-btn.cargurus{background:#6eb43f}.results-footer{margin-top:40px;text-align:center}.results-disclaimer{font-size:.78rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.results-restart-btn{padding:12px 32px;background:transparent;border:2px solid var(--navy);border-radius:var(--radius);color:var(--navy);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.results-restart-btn:hover{background:var(--navy);color:var(--white)}@media(max-width:640px){.app-header{padding:12px 16px}.header-back{font-size:.75rem}.header-title{font-size:1rem}.welcome{padding:32px 16px}.welcome-title{font-size:1.9rem}.welcome-subtitle{font-size:.95rem}.welcome-car-grid{grid-template-columns:repeat(2,1fr);max-width:250px}.questionnaire-container{padding:16px 12px}.question-card{padding:24px 20px;border-radius:var(--radius)}.question-text{font-size:1.2rem}.stage-indicator{gap:3px}.stage-dot{width:28px;height:28px;font-size:.65rem}.scale-buttons{gap:6px}.scale-btn{width:44px;height:44px;font-size:.95rem}.vehicle-card-header{padding:16px;gap:10px}.vehicle-name{font-size:1.05rem}.vehicle-card-quick{padding:0 16px 10px;font-size:.75rem}.vehicle-card-detail{padding:0 16px 16px}.vehicle-card-preview{padding:0 16px 12px}.score-circle{width:44px;height:44px}.score-circle:before{width:34px;height:34px}.score-number{font-size:.75rem}.deep-links{flex-direction:column}.specs-grid{grid-template-columns:1fr}.nav-btn{padding:10px 20px;font-size:.88rem}}.page-tabs{display:flex;gap:4px;padding:12px 20px;overflow-x:auto;background:#fff;border-bottom:1px solid #E8E3DC;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #E8E3DC;border-radius:10px;background:#fff;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:#7a7568;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.page-tab:hover{border-color:#c4b5a0;color:#1a2332}.page-tab.active{background:var(--stage-color, #D4A574);border-color:var(--stage-color, #D4A574);color:#fff;font-weight:600}.page-tab.has-answers:not(.active){border-color:var(--stage-color, #D4A574);color:var(--stage-color, #D4A574)}.tab-icon{font-size:14px}.tab-badge{font-size:10px;font-weight:600;background:#ffffff4d;padding:1px 6px;border-radius:10px}.page-tab.has-answers:not(.active) .tab-badge{background:#0000000f}.page-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#fff;border-bottom:1px solid #E8E3DC}.page-header-icon{font-size:28px}.page-header-title{font-family:"DM Serif Display",serif;font-size:22px;color:#1a2332;margin:0}.page-header-sub{font-family:Outfit,sans-serif;font-size:13px;color:#9a9488;margin:2px 0 0}.pages-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-questions{flex:1;overflow-y:auto;padding:20px 24px 100px;display:flex;flex-direction:column;gap:16px}.page-question-item{background:#fff;border:1px solid #E8E3DC;border-radius:16px;padding:20px 24px;transition:border-color .15s ease}.page-question-item:hover{border-color:#c4b5a0}.page-question-item .question-card{background:none;border:none;padding:0;box-shadow:none;max-width:none;margin:0;animation:none}.page-question-item .question-number{display:none}.page-question-item .question-text{font-size:17px;margin-bottom:6px}.page-question-item .question-subtext{font-size:13px;margin-bottom:14px}.page-empty{text-align:center;padding:60px 20px;color:#9a9488;font-family:Outfit,sans-serif;font-size:15px}.page-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-top:1px solid #E8E3DC;gap:12px;flex-shrink:0}.page-nav-btn{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;padding:10px 20px;border-radius:10px;border:1.5px solid #E8E3DC;background:#fff;color:#7a7568;cursor:pointer;transition:all .15s ease;white-space:nowrap}.page-nav-btn:hover:not(:disabled){border-color:#1a2332;color:#1a2332}.page-nav-btn:disabled{opacity:.35;cursor:default}.page-nav-btn.next{background:#1a2332;color:#fff;border-color:#1a2332}.page-nav-btn.next:hover:not(:disabled){background:#2a3a52;border-color:#2a3a52}.page-nav-btn.results-ready{background:#d4a574;border-color:#d4a574}.page-nav-center{flex:1;display:flex;justify-content:center}.see-results-btn{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;padding:10px 24px;border-radius:10px;border:2px solid #D4A574;background:linear-gradient(135deg,#d4a574,#c49060);color:#fff;cursor:pointer;transition:all .15s ease;white-space:nowrap}.see-results-btn:hover{background:linear-gradient(135deg,#c49060,#b5804e);transform:translateY(-1px);box-shadow:0 4px 12px #d4a5744d}.results-back-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #E8E3DC}.results-back-btn{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;border-radius:8px;border:1.5px solid #E8E3DC;background:#fff;color:#7a7568;cursor:pointer;transition:all .15s ease}.results-back-btn:hover{border-color:#1a2332;color:#1a2332}.results-count{font-family:Outfit,sans-serif;font-size:12px;color:#9a9488}.disclosure-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.disclosure-modal{background:#f5f0eb;border-radius:20px;max-width:640px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 24px 80px #00000026}.disclosure-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 0}.disclosure-header h2{font-family:"DM Serif Display",serif;font-size:22px;color:#1a2332;margin:0}.disclosure-close{width:32px;height:32px;border-radius:8px;border:1px solid #E8E3DC;background:#fff;font-size:16px;color:#7a7568;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.disclosure-body{padding:20px 28px 28px}.disclosure-item{margin-bottom:20px}.disclosure-item h3{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#1a2332;margin:0 0 6px}.disclosure-item p{font-family:Outfit,sans-serif;font-size:13px;line-height:1.65;color:#7a7568;margin:0}.app-footer{padding:16px 24px;background:#fff;border-top:1px solid #E8E3DC;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}.footer-disclaimer{font-family:Outfit,sans-serif;font-size:11px;color:#9a9488;line-height:1.5;max-width:700px;margin:0}.footer-disclaimer strong{color:#7a7568}.footer-disclosure-btn{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;padding:6px 16px;border-radius:8px;border:1px solid #E8E3DC;background:#fff;color:#7a7568;cursor:pointer;transition:all .15s ease;white-space:nowrap}.footer-disclosure-btn:hover{border-color:#d4a574;color:#d4a574}@media(max-width:640px){.page-tabs{padding:8px 12px;gap:4px}.page-tab{padding:6px 10px;font-size:11px}.tab-label{display:none}.page-header{padding:14px 16px}.page-header-title{font-size:18px}.page-questions{padding:12px 12px 80px;gap:12px}.page-question-item{padding:16px}.page-question-item .question-text{font-size:15px}.page-nav{padding:10px 12px}.page-nav-btn{padding:8px 14px;font-size:12px}.see-results-btn{padding:8px 16px;font-size:12px}.app-footer{padding:12px 16px}.footer-disclaimer{font-size:10px}.disclosure-modal{border-radius:16px}.disclosure-header{padding:20px 20px 0}.disclosure-body{padding:16px 20px 20px}}.header-right{display:flex;align-items:center;gap:8px}.header-user{display:flex;align-items:center;gap:6px}.header-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid #E8E3DC}.header-logout{font-family:Outfit,sans-serif;font-size:11px;padding:5px 10px;border-radius:6px;border:1px solid #E8E3DC;background:none;color:#9a9488;cursor:pointer;transition:all .15s}.header-logout:hover{border-color:#7a7568;color:#7a7568}.header-login{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;padding:6px 14px;border-radius:8px;border:1px solid #E8E3DC;background:#fff;color:#7a7568;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.header-login:hover{border-color:#1a2332;color:#1a2332}.login-g{font-size:14px;font-weight:700}.save-indicator{font-family:Outfit,sans-serif;font-size:11px;color:#9a9488;padding:4px 10px;border-radius:6px;background:#f5f0eb;white-space:nowrap}.save-indicator.saved{color:#4a8c6f;background:#4a8c6f1a}.resume-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;min-height:60vh}.resume-card{background:#fff;border:1px solid #E8E3DC;border-radius:20px;padding:40px;text-align:center;max-width:480px;width:100%;box-shadow:0 4px 24px #1a23320f}.resume-icon{font-size:42px;display:block;margin-bottom:16px}.resume-title{font-family:"DM Serif Display",serif;font-size:26px;color:#1a2332;margin:0 0 10px}.resume-subtitle{font-family:Outfit,sans-serif;font-size:15px;color:#7a7568;line-height:1.6;margin:0 0 28px}.resume-actions{display:flex;flex-direction:column;gap:10px}.resume-btn{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;padding:14px 28px;border-radius:12px;cursor:pointer;transition:all .15s;width:100%}.resume-btn.primary{background:linear-gradient(135deg,#d4a574,#c49060);border:2px solid #D4A574;color:#fff}.resume-btn.primary:hover{background:linear-gradient(135deg,#c49060,#b5804e);transform:translateY(-1px);box-shadow:0 4px 12px #d4a5744d}.resume-btn.secondary{background:#fff;border:1.5px solid #E8E3DC;color:#7a7568}.resume-btn.secondary:hover{border-color:#1a2332;color:#1a2332}.resume-login-hint{margin-top:20px}.save-prompt{padding:10px 24px;background:#d4a57414;border-top:1px solid rgba(212,165,116,.2);display:flex;justify-content:center;flex-shrink:0}.save-prompt-btn{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;padding:6px 16px;border-radius:8px;border:1px solid #D4A574;background:#d4a5741a;color:#c49060;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.save-prompt-btn:hover{background:#d4a57433}@media(max-width:640px){.header-right{gap:4px}.header-login{padding:5px 10px;font-size:11px}.header-logout{font-size:10px;padding:4px 8px}.save-indicator{font-size:10px;padding:3px 8px}.resume-card{padding:28px 20px}.resume-title{font-size:22px}.resume-subtitle{font-size:14px}.resume-btn{padding:12px 20px;font-size:13px}.save-prompt{padding:8px 12px}}