@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--primary-purple:#8432df;--primary-purple-hover:#6d1ec9;--primary-purple-light:#f4ecfd;--primary-purple-subtle:#faf5ff;--primary-purple-dark:#3b0764;--gold-accent:#d4af37;--gold-light:#fbf6e9;--text-main:#1f2937;--text-muted:#6b7280;--text-subtle:#9ca3af;--text-inverse:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--bg-page:#fff;--bg-subtle:#f9fafb;--bg-card:#fff;--badge-sponsored:#4b5563;--badge-high-demand:#8432df;--badge-great-deal:#059669;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1560px;margin:0 auto;padding:0 24px}.btn-primary{background-color:var(--primary-purple);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-purple-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8432df40}.btn-dark{color:#fff;border-radius:var(--radius-full);cursor:pointer;background-color:#111827;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-dark:hover{background-color:#374151}.btn-outline{color:var(--text-main);border:1px solid var(--border-medium);border-radius:var(--radius-full);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--primary-purple);color:var(--primary-purple);background-color:var(--primary-purple-subtle)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#111827a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.car-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:20px;width:100%;min-height:650px;display:grid}@media (width<=1100px){.car-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.car-grid-container{grid-template-columns:1fr}}@keyframes goldShimmer{0%{background-position:0%;box-shadow:0 0 10px #f59e0b59,inset 0 0 8px #fbbf244d}50%{background-position:100%;box-shadow:0 0 18px #f59e0ba6,inset 0 0 12px #fef08ab3}to{background-position:0%;box-shadow:0 0 10px #f59e0b59,inset 0 0 8px #fbbf244d}}@keyframes silverShimmer{0%{background-position:0%;box-shadow:0 0 8px #94a3b84d,inset 0 0 6px #e2e8f066}50%{background-position:100%;box-shadow:0 0 16px #94a3b899,inset 0 0 12px #ffffffd9}to{background-position:0%;box-shadow:0 0 8px #94a3b84d,inset 0 0 6px #e2e8f066}}@keyframes spinRotateFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-gold-shimmer,.badge-silver-shimmer,.badge-standard-blue{letter-spacing:.05em;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex}.badge-gold-shimmer{text-shadow:0 1px 1px #fef3c7cc;background:linear-gradient(115deg,#fef3c7 0%,#fde68a 25%,#fffbeb 50%,#f59e0b 75%,#fde68a 100%) 0 0/250% 250%;animation:2.8s infinite goldShimmer;color:#92400e!important;border:1.5px solid #f59e0b!important}.badge-silver-shimmer{text-shadow:0 1px 1px #ffffffe6;background:linear-gradient(115deg,#f1f5f9 0%,#e2e8f0 25%,#fff 50%,#94a3b8 75%,#cbd5e1 100%) 0 0/250% 250%;animation:2.8s infinite silverShimmer;color:#1e293b!important;border:1.5px solid #94a3b8!important}.badge-standard-blue{color:#1d4ed8!important;background-color:#eff6ff!important;border:1.5px solid #3b82f6!important}@keyframes yoyoSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes yoyoBounce{0%{opacity:0;transform:translateY(12px)scale(.9)}60%{transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes yoyoPulseDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.yoyo-dot{animation:1.4s ease-in-out infinite both yoyoPulseDot;display:inline-block}
