:root{--electric-blue: #1e3a5f;--electric-blue-hover: #152a45;--electric-blue-rgb: 30, 58, 95;--holo-purple: #475569;--holo-purple-rgb: 71, 85, 105;--energy-orange: #78716c;--energy-orange-rgb: 120, 113, 108;--background: #ffffff;--background-secondary: #f8fafc;--foreground: #1e293b;--card: #fafafa;--card-hover: #f5f5f5;--muted: #f1f5f9;--muted-foreground: #64748b;--border: #e2e8f0;--border-primary: rgba(30, 58, 95, 0.15);--radius: 0.75rem}*{border-color:var(--border)}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);font-family:'Inter', system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3)}.glass-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}.glow-electric{box-shadow:0 4px 12px rgba(var(--electric-blue-rgb), 0.08),0 2px 6px rgba(0,0,0,0.04)}.glow-holo{box-shadow:0 4px 12px rgba(var(--holo-purple-rgb), 0.08),0 2px 6px rgba(0,0,0,0.04)}.glow-energy{box-shadow:0 4px 12px rgba(var(--energy-orange-rgb), 0.08),0 2px 6px rgba(0,0,0,0.04)}.holo-gradient{background:linear-gradient(135deg, rgba(30,58,95,0.04) 0%, rgba(71,85,105,0.03) 50%, rgba(120,113,108,0.04) 100%)}.energy-gradient{background:linear-gradient(90deg, var(--electric-blue) 0%, var(--holo-purple) 100%)}.gradient-hero{background:linear-gradient(to bottom right, rgba(30,58,95,0.03), transparent, rgba(71,85,105,0.03))}.gradient-text{background:linear-gradient(90deg, var(--electric-blue) 0%, var(--holo-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue-purple{background:linear-gradient(to right, var(--electric-blue), var(--holo-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid-pattern{background-image:linear-gradient(rgba(30,58,95,0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(30,58,95,0.02) 1px, transparent 1px);background-size:60px 60px}.btn-primary{background:var(--electric-blue);color:white;font-weight:600;padding:0.75rem 2rem;border-radius:var(--radius);transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.08)}.btn-primary:hover{background:var(--electric-blue-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.12)}.btn-outline{background:transparent;color:var(--foreground);font-weight:500;padding:0.75rem 2rem;border:1px solid var(--border);border-radius:var(--radius);transition:all 0.2s ease}.btn-outline:hover{background:var(--muted);border-color:var(--holo-purple)}.btn-secondary{background-color:var(--muted);color:var(--foreground);font-weight:500;padding:0.75rem 2rem;border-radius:var(--radius);transition:all 0.2s ease}.btn-secondary:hover{background-color:var(--border)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all 0.2s ease}.card:hover{border-color:var(--holo-purple);box-shadow:0 4px 12px rgba(0,0,0,0.06)}.card-holo{border-color:var(--holo-purple)}.card-holo:hover{border-color:var(--electric-blue);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.card-energy{border-color:var(--energy-orange)}.card-energy:hover{border-color:var(--holo-purple);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.input-glass{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);padding:0.75rem 1rem;transition:all 0.2s ease}.input-glass:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px rgba(var(--electric-blue-rgb), 0.15)}.badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.375rem 0.875rem;font-size:0.75rem;font-weight:500;border-radius:9999px}.badge-primary{background:rgba(30,58,95,0.08);color:var(--electric-blue);border:1px solid rgba(30,58,95,0.2)}.badge-holo{background:var(--holo-purple);color:white;border:none}.badge-energy{background:var(--energy-orange);color:white;border:none}.badge-secondary{background-color:var(--muted);color:var(--muted-foreground);border:1px solid var(--border)}.badge-recommended{background:var(--electric-blue);color:white;font-weight:600;box-shadow:none}.progress-bar{height:0.5rem;background-color:var(--muted);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--electric-blue);border-radius:9999px;transition:width 0.3s ease}.star-filled{color:var(--electric-blue);fill:var(--electric-blue)}.star-empty{color:var(--border);fill:var(--border)}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes energy-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animate-energy{background-size:200% 200%;animation:energy-flow 3s ease infinite}@keyframes pulse-glow{0%,100%{opacity:1}50%{opacity:0.6}}.animate-pulse-glow{animation:pulse-glow 3s cubic-bezier(0.4, 0, 0.6, 1) infinite}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}.text-primary{color:var(--electric-blue)}.text-holo{color:var(--holo-purple)}.text-energy{color:var(--energy-orange)}.text-muted{color:var(--muted-foreground)}.bg-card{background-color:var(--card)}.bg-muted{background-color:var(--muted)}.bg-primary-subtle{background-color:rgba(0,120,255,0.05)}.border-primary{border-color:rgba(0,120,255,0.3)}.border-primary-solid{border-color:var(--electric-blue)}.border-holo{border-color:rgba(180,100,255,0.3)}.blur-orb{position:absolute;border-radius:9999px;filter:blur(120px);animation:float 8s ease-in-out infinite}.blur-orb-blue{background-color:rgba(30,58,95,0.06)}.blur-orb-holo{background-color:rgba(71,85,105,0.05)}.blur-orb-energy{background-color:rgba(120,113,108,0.05)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-4-3{aspect-ratio:4 / 3}.aspect-video{aspect-ratio:16 / 9}@media (min-width: 768px){.car-image-container{width:350px !important;flex-shrink:0;align-self:stretch}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--holo-purple)}::selection{background-color:rgba(30,58,95,0.15);color:var(--foreground)}:focus-visible{outline:2px solid var(--electric-blue);outline-offset:2px}.icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:rgba(30,58,95,0.06)}.icon-container svg{width:1.5rem;height:1.5rem;color:var(--electric-blue)}