@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&display=swap";:root{--c1:#1a1a2e;--c3:#0f3460;--accent:#e94560;--accent2:#f5a623;--card-bg:#fff;--border:#e8e4df;--muted:#888780;--input-bg:#fafaf8;--input-border:#d3d1c7;--chip-bg:#f1efe8;--tag-bg:#e6f1fb;--tag-text:#0c447c;--tag-success-bg:#e6fced;--tag-success-text:#1b5e20;--error:#d32f2f;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"DM Serif Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--c1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f5f0;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 16px;line-height:1.5;display:flex}#root{width:100%}.app-container{width:100%;max-width:640px;margin:0 auto}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.logo{font-family:var(--font-heading);color:var(--c1);-webkit-user-select:none;user-select:none;align-items:center;font-size:28px;font-weight:400;display:flex}.logo span{color:var(--accent)}.card{background-color:var(--card-bg);border:.5px solid var(--border);border-radius:16px;margin-bottom:24px;padding:24px;position:relative;box-shadow:0 4px 20px #00000008}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--c1);font-weight:400}h1{margin-bottom:8px;font-size:28px;line-height:1.2}.subtitle{color:var(--muted);margin-bottom:24px;font-size:15px}button{font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--c1);color:#fff;border-radius:12px;flex:2;padding:14px 20px}.btn-primary:hover:not(:disabled){background-color:var(--c3);transform:translateY(-1px)}.btn-secondary{color:var(--c1);border:1px solid var(--border);background:0 0;border-radius:12px;flex:1;padding:14px 20px}.btn-secondary:hover:not(:disabled){background-color:var(--chip-bg)}.btn-decode{background-color:var(--c3);color:#fff;border-radius:10px;padding:10px 16px;font-size:14px}.btn-decode:hover:not(:disabled){background-color:var(--c1)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group.full-width{grid-column:span 2}label{color:var(--c1);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}input[type=text],input[type=email],input[type=date],input[type=number],select{font-family:var(--font-body);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--c1);border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:all .2s}input:focus,select:focus{border-color:var(--c3);background-color:#fff;box-shadow:0 0 0 3px #0f34601a}input::placeholder{color:#b0aea6}.error-text{color:var(--error);margin-top:4px;font-size:12px}.chip-container{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip-label{color:var(--c1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.chip{background-color:var(--chip-bg);border:1px solid var(--border);color:var(--c1);-webkit-user-select:none;user-select:none;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.chip:hover:not(.active){background-color:#e8e4df}.chip.active{background-color:var(--c1);border-color:var(--c1);color:#fff}.icon-chip-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.icon-chip{border:1px solid var(--border);background-color:var(--card-bg);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:calc(50% - 6px);padding:16px;transition:all .2s;display:flex}.icon-chip svg{color:var(--c3);transition:all .2s}.icon-chip span{font-size:14px;font-weight:600}.icon-chip:hover:not(.active){background-color:var(--input-bg)}.icon-chip.active{background-color:var(--c1);border-color:var(--c1);color:#fff}.icon-chip.active svg{color:var(--accent)}.progress-container{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.progress-bar-bg{background-color:var(--border);border-radius:99px;width:100%;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--c3), var(--accent));border-radius:99px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.dots-container{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.dot{background-color:var(--c1);opacity:.25;border-radius:99px;width:6px;height:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot.active{background-color:var(--accent);opacity:1;width:20px}.dot.done{opacity:.4}.step-badge{background-color:var(--tag-bg);color:var(--tag-text);text-transform:uppercase;letter-spacing:.5px;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.nav-buttons{gap:12px;margin-top:24px;display:flex}.step-transition{animation:.35s cubic-bezier(.4,0,.2,1) forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.verified-row{background-color:var(--input-bg);border:1.5px dashed var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:12px;animation:.3s slideIn;display:flex}.verified-tag{background-color:var(--tag-success-bg);color:var(--tag-success-text);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.verified-address{color:var(--c1);font-size:13px}.verified-details{color:var(--muted);margin-top:2px;font-size:11px}.vin-input{text-transform:uppercase;letter-spacing:1px;font-family:monospace!important}.vin-result-card{background-color:var(--tag-bg);border:1px solid #0c447c26;border-radius:12px;margin-top:16px;padding:16px;animation:.3s slideIn}.vin-result-title{color:var(--tag-text);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.vin-result-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.vin-result-item{flex-direction:column;display:flex}.vin-result-label{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:10px}.vin-result-value{color:var(--tag-text);font-size:14px;font-weight:700}.manual-vehicle-card{border:1px solid var(--border);background-color:var(--input-bg);border-radius:12px;margin-top:16px;padding:16px;animation:.3s slideIn}.manual-vehicle-title{margin-bottom:12px;font-size:14px;font-weight:700}.shortcut-link{color:var(--c3);cursor:pointer;margin-top:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.shortcut-link:hover{color:var(--accent);text-decoration:underline}.counter-row{border:1px solid var(--border);background-color:var(--input-bg);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;display:flex}.counter-info{align-items:center;gap:12px;display:flex}.counter-icon{color:var(--c3);align-items:center;display:flex}.counter-label{font-size:14px;font-weight:600}.counter-controls{align-items:center;gap:14px;display:flex}.counter-btn{background-color:var(--card-bg);border:1px solid var(--border);width:30px;height:30px;color:var(--c1);border-radius:99px;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}.counter-btn:hover{background-color:var(--chip-bg)}.counter-value{text-align:center;min-width:16px;font-size:16px;font-weight:700}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background-color:var(--input-bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:24px;transition:all .2s;display:flex}.upload-zone:hover{border-color:var(--c3);background-color:#fff}.upload-icon{color:var(--muted)}.upload-text{font-size:14px;font-weight:600}.upload-subtext{color:var(--muted);font-size:11px}.uploaded-file{color:var(--tag-success-text);background-color:var(--tag-success-bg);border:1px solid #1b5e2026;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;font-weight:600;animation:.25s slideIn;display:flex}.review-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.success-icon-circle{background-color:var(--tag-success-bg);width:48px;height:48px;color:var(--tag-success-text);border-radius:99px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.profile-header-card{border:1px solid var(--border);background-color:var(--card-bg);border-radius:16px;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.completeness-info{flex-direction:column;flex:1;gap:4px;display:flex}.completeness-info h3{margin-bottom:0;font-size:18px}.completeness-info p{color:var(--muted);font-size:13px}.confidence-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;width:fit-content;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.confidence-badge.high{background-color:var(--tag-success-bg);color:var(--tag-success-text)}.confidence-badge.moderate{color:#92400e;background-color:#fef3c7}.confidence-badge.low{color:#991b1b;background-color:#fee2e2}.profile-summary-section{margin-bottom:20px}.profile-summary-title{text-transform:uppercase;letter-spacing:.5px;color:var(--c3);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:4px;font-size:15px;font-weight:700}.profile-field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-field{flex-direction:column;display:flex}.profile-field-label{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:11px}.profile-field-value{color:var(--c1);font-size:14px;font-weight:600}.breakdown-card{background-color:var(--input-bg);border:1.5px dashed var(--border);border-radius:12px;margin-bottom:24px;padding:16px}.breakdown-title{text-transform:uppercase;letter-spacing:.5px;color:var(--c1);margin-bottom:10px;font-size:13px;font-weight:700}.breakdown-list{flex-direction:column;gap:8px;display:flex}.breakdown-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.breakdown-item.achieved{color:var(--tag-success-text);font-weight:600}.breakdown-item.pending{color:var(--muted)}.breakdown-points{font-family:monospace;font-weight:700}.download-row{gap:12px;margin-bottom:20px;display:flex}.download-row button{border:1px solid var(--border);background-color:var(--input-bg);color:var(--c1);border-radius:10px;flex:1;padding:10px 14px;font-size:13px}.download-row button:hover{background-color:var(--chip-bg)}.quote-confirmation{background-color:var(--tag-bg);text-align:center;color:var(--tag-text);border:1px solid #0c447c33;border-radius:12px;flex-direction:column;gap:4px;margin-top:16px;padding:16px;font-size:14px;font-weight:600;animation:.3s slideIn;display:flex}.quote-confirmation .highlight{font-family:monospace;font-size:15px;font-weight:700}@media (width<=480px){body{padding:16px 8px}.card{padding:16px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.icon-chip-grid{grid-template-columns:1fr}.icon-chip{min-width:100%}.vin-result-grid{grid-template-columns:1fr 1fr;gap:8px}.profile-field-grid{grid-template-columns:1fr;gap:8px}.download-row{flex-direction:column;gap:8px}.nav-buttons{flex-direction:column}.nav-buttons button{width:100%}.profile-header-card{text-align:center;flex-direction:column}}