@keyframes slowZoom{0%{transform:scale(1.05)}to{transform:scale(1.15)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-reverse{0%{transform:translate(-100%)}to{transform:translate(0)}}:root{--bg-main: #ffffff;--background-color: #f8fafc;--bg-secondary: hsl(var(--secondary-hsl, 210 40% 96.1%));--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .95);--text-main: var(--foreground, #0F172A);--text-grey: rgba(0, 0, 0, .65);--text-secondary: hsl(var(--secondary-foreground, 222.2 47.4% 11.2%));--text-muted: #94A3B8;--border-glass: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .05);--primary-hsl: 214 52% 25%;--primary: hsl(var(--primary-hsl));--primary-glow: rgba(59, 130, 246, .3);--accent: #C7923E;--accent-glow: rgba(199, 146, 62, .3);--gradient-primary: linear-gradient(135deg, #2c548a 0%, #1E3A5F 100%);--gradient-gold: linear-gradient(135deg, #e3a949 0%, #C7923E 100%);--gradient-overlay: linear-gradient(to bottom, rgba(248, 250, 252, .3) 0%, rgba(248, 250, 252, .6) 50%, #F8FAFC 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 15px var(--primary-glow);--container-width: 1400px;--header-height: 70px;--radius-md: .75rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--primary-main: #1E3A5F;--primary-hover: #3B82F6;--primary-light: #60a5fa;--accent-main: #C7923E;--accent-hover: #ad7c31;--success-main: #10b981;--warning-main: #f59e0b;--shadow-sm-enhanced: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md-enhanced: 0 6px 12px -2px rgba(0, 0, 0, .12), 0 3px 6px -2px rgba(0, 0, 0, .08);--shadow-lg-enhanced: 0 10px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl-enhanced: 0 20px 40px -10px rgba(0, 0, 0, .2), 0 10px 15px -8px rgba(0, 0, 0, .12);--transition-standard: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--nav-underline-gradient: var(--gradient-primary, linear-gradient(135deg, #2c548a 0%, #1E3A5F 100%))}.dark{--bg-main: #1f2937;--bg-secondary: #1f2937;--bg-card: rgba(31, 41, 55, .95);--bg-glass: rgba(55, 65, 81, .9);--background-color: #111827;--text-main: #F8FAFC;--text-grey: rgba(255, 255, 255, .7);--text-secondary: #94A3B8;--text-muted: #64748B;--border-glass: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--primary-main: #60a5fa;--primary-hover: #93c5fd;--primary-light: #3b82f6;--primary-glow: rgba(0, 0, 0, .1);--accent-glow: rgba(199, 146, 62, .4);--gradient-overlay: linear-gradient(to bottom, rgba(2, 6, 23, .3) 0%, rgba(2, 6, 23, .8) 50%, #020617 100%);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--nav-underline-gradient: linear-gradient(135deg, #60a5fa 0%, #3B82F6 100%)}.dark .text-brand-primary{color:#60a5fa!important}.dark .bg-slate-50{background-color:#1f2937!important}.dark .bg-slate-100{background-color:#374151!important}.dark .text-slate-800{color:#f1f5f9!important}.dark .text-slate-600{color:#cbd5e1!important}.dark .border-slate-200{border-color:#4b5563!important}.disable-transitions,.disable-transitions *,.disable-transitions *:before,.disable-transitions *:after{transition:none!important}@layer base{*{box-sizing:border-box}body{font-family:var(--font-body, "Plus Jakarta Sans", sans-serif);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-heading, "Outfit", sans-serif);font-weight:700;color:var(--text-main);letter-spacing:-.02em}a{text-decoration:none;transition:all .3s ease}img{max-width:100%;display:block}}.container{max-width:var(--container-width);margin:0 auto;padding:0 .5rem}.section-gradient{padding:2.5rem 0;background:linear-gradient(to bottom,#f8f8f8,#eff6ff)}.dark .section-gradient{background:linear-gradient(to bottom,#111827,#1f2937)}.section-gradient-alt{padding:2.5rem 0;background:linear-gradient(to bottom,#eff6ff,#fff)}.dark .section-gradient-alt{background:linear-gradient(to bottom,#1f2937,#111827)}.section-gradient-subtle{padding:2.5rem 0;background:linear-gradient(to bottom,#fff,#eff6ff,#fff)}.dark .section-gradient-subtle{background:linear-gradient(to bottom,#111827,#1f2937,#111827)}@media(min-width:768px){.section-gradient,.section-gradient-alt,.section-gradient-subtle{padding:3.5rem 0}}.vehicle-card{background-color:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-standard);position:relative;display:flex;flex-direction:column;height:100%}.vehicle-card:hover{border-color:var(--primary-main);box-shadow:var(--shadow-md-enhanced);transform:translateY(-4px)}.vehicle-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-main) 0%,var(--accent-main) 100%);transform:scaleX(0);transition:var(--transition-standard);z-index:10}.vehicle-card:hover:before{transform:scaleX(1)}.vehicle-card-image-container{aspect-ratio:16/10;width:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-main) 100%);padding:1.5rem;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px}.vehicle-card-image{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.vehicle-card:hover .vehicle-card-image{transform:scale(1.08) rotate(-1deg)}.vehicle-card-brand-badge{position:absolute;bottom:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background-color:var(--bg-card);border-radius:50%;padding:.35rem;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;z-index:5;border:1px solid var(--border-light);transition:var(--transition-standard)}.vehicle-card:hover .vehicle-card-brand-badge{transform:scale(1.1);box-shadow:var(--shadow-lg-enhanced)}.vehicle-card-brand-badge img{width:100%;height:100%;object-fit:contain}.vehicle-card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.vehicle-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.vehicle-card-footer{padding:1rem 1.5rem;background-color:#2563eb05;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.vehicle-card-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.2}.vehicle-card-subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:500}.vehicle-card-price{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--primary-main) 0%,var(--accent-main) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.vehicle-card-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.vehicle-feature{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:var(--text-secondary)}.vehicle-feature-icon{color:var(--primary-main);width:1rem;height:1rem}.vehicle-card--horizontal{flex-direction:column;padding:1.5rem;gap:1rem;height:auto}@media(min-width:640px){.vehicle-card--horizontal{flex-direction:row;align-items:center;justify-content:space-between;padding:1.75rem}.vehicle-card--horizontal .vehicle-card-content{padding:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.vehicle-card--horizontal .vehicle-card-title{font-size:1.375rem}.vehicle-card--horizontal .vehicle-card-image-container,.vehicle-card--horizontal .vehicle-card-footer{display:none}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:linear-gradient(135deg,#2c548a,#1e3a5f 45%,#3b82f6 55%,#60a5fa);background-size:250% 100%;background-position:0% center;box-shadow:0 4px 15px var(--primary-glow);border:none}.btn-primary:hover{background-position:100% center;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;color:#fff}.btn-primary svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover svg{transform:translate(4px)}.dark .btn-primary{box-shadow:0 4px 15px #0006}.dark .btn-primary:hover{box-shadow:0 8px 25px #0009}.article-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(260px at 100% 100%,var(--primary-glow, rgba(59, 130, 246, .25)),transparent 60%);pointer-events:none;z-index:0}.dark .article-card:after{background:radial-gradient(260px at 100% 100%,rgba(30,58,95,.4),transparent 60%)}.article-card:hover .article-link{gap:.75rem;color:var(--primary-hover, #3B82F6)}.article-card:hover .article-link svg{transform:translate(4px)}.article-card:hover img{transform:scale(1.05)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.car-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(260px at 100% 100%,var(--primary-glow, rgba(59, 130, 246, .25)),transparent 60%);pointer-events:none;z-index:2}.dark .car-card:after{background:radial-gradient(260px at 100% 100%,rgba(30,58,95,.4),transparent 60%)}.car-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(260px at 0% 0%,rgba(255,255,255,.8),transparent 60%);pointer-events:none;z-index:2}.dark .car-card:before{background:radial-gradient(260px at 0% 0%,rgba(255,255,255,.05),transparent 60%)}.comparison-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(360px at 50% 110%,var(--primary-glow, rgba(59, 130, 246, .28)),transparent 60%);pointer-events:none;z-index:0}.dark .comparison-card:after{background:radial-gradient(360px at 50% 110%,rgba(30,58,95,.5),transparent 60%)}.comparison-card:hover .comparison-link{gap:.75rem;color:var(--primary-hover, #3B82F6)}.comparison-card:hover .comparison-link svg{transform:translate(2px)}.dark .comparison-brand-badge{filter:invert(.7) hue-rotate(160deg)}.select-viewport,[data-radix-select-viewport]{scrollbar-width:auto!important;scrollbar-color:#64748b #e2e8f0!important;overflow-y:scroll!important;overflow-x:hidden!important}.select-viewport::-webkit-scrollbar,[data-radix-select-viewport]::-webkit-scrollbar{width:8px!important;height:8px!important;display:block!important;-webkit-appearance:none!important}.select-viewport::-webkit-scrollbar-track,[data-radix-select-viewport]::-webkit-scrollbar-track{background:#e2e8f0!important;border-radius:4px!important}.select-viewport::-webkit-scrollbar-thumb,[data-radix-select-viewport]::-webkit-scrollbar-thumb{background:#64748b!important;border-radius:4px!important;min-height:30px!important}.select-viewport::-webkit-scrollbar-thumb:hover,[data-radix-select-viewport]::-webkit-scrollbar-thumb:hover{background:#475569!important}.dark .select-viewport,.dark [data-radix-select-viewport]{scrollbar-color:#64748b #1e293b!important}.dark .select-viewport::-webkit-scrollbar-track,.dark [data-radix-select-viewport]::-webkit-scrollbar-track{background:#1e293b!important}.dark .select-viewport::-webkit-scrollbar-thumb,.dark [data-radix-select-viewport]::-webkit-scrollbar-thumb{background:#64748b!important}.dark .select-viewport::-webkit-scrollbar-thumb:hover,.dark [data-radix-select-viewport]::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}
