:root{--navy: #223CD7;--navy-mid: #1a30b8;--navy-light:#3a52e8;--teal-dark: #acccd0;--teal-mid: #b7d3d6;--teal-light:#d6e4e6;--teal-pale: #eff3f3;--white: #ffffff;--text: #1a1a2e;--text-soft: #4a5568;--ok: #1a7a5e;--ok-bg: #e6f7f2;--warn: #b84a0e;--warn-bg: #fdf0ea;--border: #cdd8e3;--shadow: rgba(13,43,90,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,#e8f0f5 0%,var(--teal-pale) 100%);min-height:100vh;color:var(--text)}header{background:var(--navy);padding:28px 40px 22px;display:flex;align-items:center;gap:24px;box-shadow:0 4px 18px #0d2b5a40}.header-logo{display:flex;align-items:center;gap:18px;flex:1}.logo-svg-wrap{background:#fff;border-radius:14px;padding:8px 20px;display:flex;align-items:center;justify-content:center}.logo-svg-wrap svg{height:62px;width:auto}.header-title{color:#fff}.header-title h1{font-size:1.35rem;font-weight:700;letter-spacing:.02em;line-height:1.2}.header-title p{font-size:.82rem;color:#ffffffbf;margin-top:4px;font-weight:400}main{max-width:820px;margin:0 auto;padding:40px 24px 60px}.hero-message{background:#fff;border-radius:14px;border-left:5px solid var(--navy);padding:18px 22px;margin-bottom:28px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 14px #223cd717}.hero-icon{width:46px;height:46px;background:#eef0fd;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-icon i{color:var(--navy);font-size:1.25rem}.hero-message p{font-size:.93rem;color:#4a5568;line-height:1.65;margin:0}.hero-message p strong{color:var(--navy);font-weight:700}.stepper{display:flex;align-items:center;justify-content:center;margin-bottom:36px}.step{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;max-width:180px}.step-dot{width:40px;height:40px;border-radius:50%;border:3px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--border);transition:all .35s ease;z-index:1}.step-dot i{font-size:.95rem}.step.active .step-dot{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 0 0 5px #0d2b5a1f}.step.done .step-dot{border-color:var(--ok);background:var(--ok);color:#fff}.step-label{font-size:.73rem;font-weight:600;color:var(--text-soft);text-align:center;letter-spacing:.03em;text-transform:uppercase}.step.active .step-label{color:var(--navy)}.step.done .step-label{color:var(--ok)}.step-line{flex:1;height:3px;background:var(--border);margin-bottom:20px;transition:background .35s ease}.step-line.done{background:var(--ok)}.step-line.active{background:var(--navy)}.card{background:#fff;border-radius:20px;box-shadow:0 4px 28px var(--shadow);padding:36px;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 12px #0d2b5a40}.card-icon i{color:#fff;font-size:1.3rem}.card h2{font-size:1.25rem;font-weight:700;color:var(--navy);margin-bottom:6px}.card .subtitle{font-size:.9rem;color:var(--text-soft);margin-bottom:28px;line-height:1.5}.cat-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.cat-tab{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:10px;border:2px solid var(--border);background:#fff;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text-soft);transition:all .2s ease}.cat-tab i{font-size:1rem}.cat-tab:hover{border-color:var(--navy);color:var(--navy);background:var(--teal-pale)}.cat-tab.active{border-color:var(--navy);background:var(--navy);color:#fff}.tab-count{background:#ffffff38;border-radius:20px;padding:1px 7px;font-size:.73rem}.cat-tab:not(.active) .tab-count{background:var(--teal-pale);color:var(--text-soft)}.search-wrap{position:relative;margin-bottom:20px}.search-wrap input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--border);border-radius:10px;font-size:.93rem;outline:none;transition:border-color .2s;background:var(--teal-pale)}.search-wrap input:focus{border-color:var(--navy);background:#fff}.search-wrap .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-soft);font-size:.95rem}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding-bottom:2px}.brand-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0 0 12px;border:1.5px solid var(--border);border-radius:14px;background:#fff;cursor:pointer;text-align:center;transition:all .22s ease;overflow:hidden;position:relative}.brand-btn:hover{border-color:var(--navy);box-shadow:0 6px 20px #0d2b5a21;transform:translateY(-3px)}.brand-btn:hover .brand-name{color:var(--navy)}.brand-logo-wrap{width:100%;height:72px;display:flex;align-items:center;justify-content:center;padding:12px 14px 8px;background:#fff;border-bottom:1px solid #f0f3f6;margin-bottom:10px}.brand-logo-wrap svg{max-width:60px;max-height:44px}.brand-logo-wrap img{max-width:60px;max-height:44px;object-fit:contain}.brand-avatar{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.02em;flex-shrink:0}.brand-name{font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:.01em;padding:0 8px;line-height:1.3;transition:color .2s}.no-results{grid-column:1/-1;text-align:center;padding:28px;color:var(--text-soft);font-size:.9rem}.selected-brand-badge{display:inline-flex;align-items:center;gap:10px;background:var(--teal-pale);border:2px solid var(--teal-mid);border-radius:10px;padding:10px 16px;margin-bottom:24px;font-weight:600;color:var(--navy);font-size:.9rem}.selected-brand-badge i{color:var(--navy-light)}.selected-brand-badge .change-link{font-size:.78rem;color:var(--text-soft);cursor:pointer;text-decoration:underline;font-weight:400}.selected-brand-badge .change-link:hover{color:var(--navy)}.vin-form{display:flex;flex-direction:column;gap:16px}.vin-field label{display:block;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:7px;letter-spacing:.04em;text-transform:uppercase}.vin-field input{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:12px;font-size:1rem;letter-spacing:.12em;font-family:Courier New,monospace;font-weight:700;outline:none;transition:all .2s;text-transform:uppercase}.vin-field input:focus{border-color:var(--navy);box-shadow:0 0 0 4px #0d2b5a14}.vin-field input::placeholder{letter-spacing:.04em;font-weight:400;color:#aab}.vin-hint{font-size:.82rem;color:var(--text-soft);display:flex;align-items:flex-start;gap:10px;background:var(--teal-pale);border-radius:8px;padding:12px 14px;line-height:1.5;border-left:3px solid var(--teal-dark)}.vin-hint i{flex-shrink:0;font-size:.95rem;margin-top:1px;color:var(--navy-light)}.captcha-wrap{border:1px solid #c8d3db;border-radius:4px;background:#f9f9f9;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014}.captcha-left{display:flex;align-items:center;gap:14px}.captcha-checkbox{width:26px;height:26px;border:2px solid #c1c1c1;border-radius:3px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.captcha-checkbox.checked{background:#4a90d9;border-color:#4a90d9}.captcha-checkbox i{color:#fff;font-size:.85rem;opacity:0;transition:opacity .2s}.captcha-checkbox.checked i{opacity:1}.captcha-checkbox.loading{border-color:#4a90d9;animation:spin-captcha .7s linear infinite}@keyframes spin-captcha{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.captcha-label{font-size:.9rem;color:#333;-webkit-user-select:none;user-select:none;cursor:pointer}.captcha-right{display:flex;flex-direction:column;align-items:center;gap:2px}.captcha-logo{width:32px;height:32px}.captcha-brand{font-size:.6rem;color:#999;letter-spacing:.03em}.captcha-sub{font-size:.58rem;color:#bbb;text-align:center;line-height:1.3}.btn-primary{width:100%;padding:15px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:all .2s ease;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy) 100%);transform:translateY(-1px);box-shadow:0 8px 22px #0d2b5a4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:2px solid var(--border);background:#fff;color:var(--text-soft);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--navy);color:var(--navy)}.result-card{border-radius:14px;padding:24px;margin-bottom:20px;display:flex;gap:18px;align-items:flex-start}.result-card.recall{background:var(--warn-bg);border:2px solid #e8c4b0}.result-card.safe{background:var(--ok-bg);border:2px solid #9fd5c3}.result-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-icon i{font-size:1.4rem}.result-card.recall .result-icon{background:#fbe0d0}.result-card.recall .result-icon i{color:var(--warn)}.result-card.safe .result-icon{background:#c5ede2}.result-card.safe .result-icon i{color:var(--ok)}.result-body h3{font-size:1.05rem;font-weight:700;margin-bottom:6px}.result-card.recall .result-body h3{color:var(--warn)}.result-card.safe .result-body h3{color:var(--ok)}.result-body p{font-size:.87rem;color:var(--text-soft);line-height:1.6}.recall-detail{background:#fff;border-radius:12px;padding:22px;border:1px solid var(--border);margin-bottom:14px}.recall-detail .detail-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--teal-pale);font-size:.87rem;align-items:baseline}.recall-detail .detail-row:last-child{border-bottom:none}.recall-detail .detail-label{font-weight:700;color:var(--navy);min-width:135px;flex-shrink:0;display:flex;align-items:center;gap:7px}.recall-detail .detail-label i{color:var(--teal-dark);font-size:.85rem}.recall-detail .detail-value{color:var(--text-soft)}.vin-summary{display:flex;gap:12px;background:var(--teal-pale);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:.86rem;align-items:center}.vin-summary i{color:var(--navy-light)}.vin-summary .vin-num{font-family:Courier New,monospace;font-weight:700;font-size:.95rem;color:var(--navy);letter-spacing:.1em}.vin-summary .sep{color:var(--border)}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 0;gap:18px}.spinner{width:44px;height:44px;border:4px solid var(--teal-light);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--text-soft);font-size:.9rem}footer{text-align:center;padding:24px;font-size:.78rem;color:var(--text-soft);border-top:1px solid var(--border)}footer a{color:var(--navy);text-decoration:none;font-weight:600}.hidden-section{display:none!important}.tag{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.73rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tag-warn{background:#fbe0d0;color:var(--warn)}.tag-ok{background:#c5ede2;color:var(--ok)}@media (max-width: 560px){header{padding:18px 18px 14px;gap:14px}.logo-svg-wrap svg{height:44px}.header-title h1{font-size:1.1rem}main{padding:24px 16px 48px}.card{padding:24px 18px}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}}