:root{--bg:#f5f7fb;--surface:#fff;--text:#111827;--muted:#667085;--border:#e4e7ec;--brand:#0a63ce;--brand-dark:#084b9c;--success:#067647;--danger:#b42318;--shadow:0 12px 30px rgba(16,24,40,.08);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav{min-height:72px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#101828,#0a63ce);display:grid;place-items:center;color:#fff;font-weight:900;font-size:15px}.brand strong{display:block;font-size:16px;line-height:1.05}.brand small{display:block;font-size:11px;color:var(--muted)}.nav-links{display:flex;gap:20px;margin-left:auto;font-size:14px;color:#344054}.nav-links a:hover,.nav-links a.active{color:var(--brand)}.menu-btn{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px}.btn{border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 7px 18px rgba(10,99,206,.16)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-light{background:#eef4ff;color:var(--brand)}.hero{padding:56px 0;background:linear-gradient(180deg,#fff 0,#f5f7fb 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--brand)}h1{font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}h2{font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.03em;margin:0 0 14px}h3{margin:0 0 8px}.hero p,.muted{color:var(--muted)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.search-panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.search-panel h3{font-size:20px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:800;color:#475467}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:11px;padding:12px 13px;font:inherit;background:#fff;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,99,206,.09)}.full{width:100%}.section{padding:62px 0}.section.alt{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-head p{margin:4px 0 0;color:var(--muted)}.chip-row{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin:10px 0 18px}.chip{white-space:nowrap;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer}.chip.active{border-color:var(--brand);color:var(--brand);background:#eef4ff}.car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.car-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(16,24,40,.05);transition:.18s ease}.car-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(16,24,40,.1)}.car-image{aspect-ratio:16/10;background:linear-gradient(145deg,#dbe7f7,#b8c8de);display:grid;place-items:center;font-size:60px;position:relative}.tag{position:absolute;left:10px;top:10px;background:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.car-info{padding:15px}.car-title{font-size:18px;font-weight:900}.car-sub{font-size:12px;color:var(--muted);margin-top:2px}.price{font-size:21px;font-weight:900;margin:10px 0}.specs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.spec{font-size:11px;background:#f8fafc;border:1px solid #edf0f3;border-radius:8px;padding:5px 8px}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step{padding:22px;border:1px solid var(--border);border-radius:17px;background:#fff}.step-num{width:36px;height:36px;border-radius:11px;background:#eef4ff;color:var(--brand);display:grid;place-items:center;font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.dark{background:#101828;color:#fff}.dark .muted{color:#b7c2d0}.form-stack{display:grid;gap:13px}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.footer{background:#0b1220;color:#c7d0db;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer h4{margin:0 0 10px;color:#fff}.footer a{color:#c7d0db;font-size:13px}.footer a:hover{color:#fff}.footer p{margin:7px 0 0;font-size:12px}.detail{padding:42px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-photo{aspect-ratio:4/3;background:linear-gradient(145deg,#dbe7f7,#b8c8de);border-radius:20px;display:grid;place-items:center;font-size:92px}.detail-title{font-size:42px;line-height:1.03;letter-spacing:-.04em;margin:8px 0}.detail-price{font-size:30px;font-weight:900;margin:12px 0}.detail-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.detail-specs div{background:#f8fafc;border:1px solid #edf0f3;border-radius:12px;padding:10px;font-size:12px}.notice{padding:12px 14px;border-radius:11px;background:#ecfdf3;color:#067647;border:1px solid #abefc6}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.table th{background:#f8fafc}.status{font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#eef4ff;color:var(--brand)}.empty{padding:40px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--border);border-radius:16px}.hidden{display:none!important}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#101828;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);max-width:360px}.mobile-menu{display:none;padding:10px 0 16px}.mobile-menu a{display:block;padding:10px 0;border-top:1px solid var(--border);font-size:14px}
@media(max-width:950px){.hero-grid,.detail-grid,.split{grid-template-columns:1fr}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links,.nav>.btn{display:none}.menu-btn{display:block;margin-left:auto}.mobile-menu.open{display:block}}
@media(max-width:640px){.container{width:min(100% - 20px,1180px)}.field-grid,.form-grid-2{grid-template-columns:1fr}.car-grid{grid-template-columns:1fr}.hero{padding:36px 0}.section{padding:46px 0}.hero h1{font-size:42px}.detail-title{font-size:31px}.detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}}