@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&display=swap";:root{--primary-brand:#2563eb;--primary-dark:#0f172a;--primary-light:#eff6ff;--accent-color:#f59e0b;--bg-page:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--bg-hover:#f8fafc;--text-heading:#0f172a;--text-body:#475569;--text-muted:#94a3b8;--text-white:#fff;--text-link:#2563eb;--status-success:#10b981;--status-error:#ef4444;--status-warning:#f59e0b;--btn-primary-bg:#2563eb;--btn-primary-text:#fff;--btn-primary-hover:#1d4ed8;--btn-secondary-bg:#fff;--btn-secondary-text:#0f172a;--btn-secondary-border:#e2e8f0;--btn-secondary-hover:#f8fafc;--btn-dark-bg:#0f172a;--btn-dark-text:#fff;--btn-dark-hover:#1e293b;--primary-accent:var(--primary-brand);--primary-navy:var(--primary-dark);--primary-black:var(--primary-dark);--primary-navy-light:var(--bg-input);--primary-navy-lighter:#e2e8f0;--bg-hero:var(--bg-page);--bg-light:var(--bg-page);--text-dark:var(--text-heading);--text-gray:var(--text-body);--primary-button:var(--btn-primary-bg);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-card:var(--shadow-md);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--gradient-primary:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--text-body);font-family:var(--font-family);min-height:100vh}a{color:inherit;transition:var(--transition-normal);text-decoration:none}button{cursor:pointer;transition:var(--transition-normal);border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.account-dropdown-wrapper{position:relative}.account-trigger-btn{cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-normal);background:0 0;border:none;align-items:center;gap:12px;padding:4px 8px;display:flex}.account-trigger-btn:hover{background:#0000000d}.user-icon-circle{width:36px;height:36px;color:var(--text-dark);border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;display:flex}.account-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.small-text{color:var(--text-gray);font-size:11px;font-weight:500}.bold-text{color:var(--text-dark);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.account-dropdown-menu{border-radius:var(--radius-lg);z-index:1000;background:#fff;border:1px solid #f3f4f6;width:320px;margin-top:12px;padding:16px;animation:.2s fadeIn;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #00000026}.dropdown-header{margin-bottom:16px}.dropdown-login-btn{background:#e8580e;background:var(--primary-button);color:#fff;text-align:center;border-radius:var(--radius-md);width:100%;transition:var(--transition-normal);padding:12px;font-size:14px;font-weight:700;display:block}.dropdown-login-btn:hover{background:var(--primary-light)}.user-shortcuts{border-bottom:1px solid #f3f4f6;margin-bottom:8px;padding-bottom:8px}.shortcut-item{border-radius:var(--radius-md);color:var(--text-dark);transition:var(--transition-normal);justify-content:space-between;align-items:center;padding:12px 8px;font-size:14px;font-weight:500;display:flex}.shortcut-item:hover{background:var(--bg-light)}.shortcut-content{align-items:center;gap:12px;display:flex}.shortcut-content svg{color:var(--text-gray)}.badge-blue{color:#fff;background:#1fa2ff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.badge-navy{color:#fff;background:#0f4c81;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.badge-green{color:#fff;background:#10b981;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.service-links-list{flex-direction:column;display:flex}.service-link-item{color:var(--text-gray);transition:var(--transition-normal);align-items:center;gap:12px;padding:12px 8px;font-size:14px;display:flex;position:relative}.service-link-item:hover{color:var(--primary-button)}.service-icon{justify-content:center;width:24px;display:flex}.chevron-icon{opacity:.5;margin-left:auto}@media (max-width:768px){.account-dropdown-menu{border-radius:0;width:100%;height:100vh;margin:0;position:fixed;inset:0;overflow-y:auto}}.slide-btn-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;width:100%;height:60px;position:relative;overflow:hidden}.slide-btn-container.completed{background:#0f172a;border-color:#0f172a}.slide-track-fill{pointer-events:none;z-index:1;background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%);height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.slide-btn-container.completed .slide-track-fill{width:100%!important}.slide-track-text{color:#64748b;z-index:2;pointer-events:none;text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:flex;position:absolute}.slide-btn-container.completed .slide-track-text{color:#fff}.slide-thumb{z-index:3;cursor:grab;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .1s linear,left .1s linear;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #00000026}.thumb-car-wrapper{color:#0f172a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slide-thumb:active{cursor:grabbing;transform:scale(1.05)}.slide-btn-container.completed .slide-thumb,.slide-success-text{display:none}.slide-btn-container.completed .slide-success-text{display:flex}.login-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.login-modal-container{background:#fff;border-radius:16px;width:1000px;max-width:95%;height:580px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0006}.modal-close-btn:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.modal-left-panel{color:#fff;background-color:#0000;background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1503376780353-7e6692767b70?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:space-between;width:48%;padding:60px 48px;display:flex}.brand-text{letter-spacing:-.5px;font-size:28px;font-weight:700}.brand-text span{color:#f8c24e}.hero-content h1{letter-spacing:-2px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1}.hero-content p{opacity:.8;max-width:300px;font-size:18px;line-height:1.5}.modal-right-panel{flex-direction:column;width:52%;padding:60px 80px;display:flex}.form-content h2{color:#111;letter-spacing:-1px;margin-bottom:40px;font-size:32px;font-weight:700}.input-group{margin-bottom:24px}.input-group label{color:#111;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.phone-input-wrapper{border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{border-color:#111;box-shadow:0 0 0 4px #0000000d}.country-code{color:#64748b;background:#f8fafc;border-right:1px solid #e2e8f0;align-items:center;padding:12px 16px;font-weight:500;display:flex}.phone-input,.otp-input{color:#0f172a;border:none;outline:none;width:100%;padding:12px 16px;font-size:16px;font-weight:500}.form-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:16px;font-weight:500;transition:border-color .2s}.form-input:focus{border-color:#f8c24e;box-shadow:0 0 0 3px #f8c24e1a}.phone-display-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.phone-display{color:#334155;font-weight:600}.edit-btn{color:#f8c24e;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;font-size:12px;font-weight:700}.otp-input{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px}.otp-input:focus{border-color:#f8c24e}.resend-wrapper{justify-content:center;margin-top:8px;display:flex}.timer-text{color:#94a3b8;font-size:13px}.resend-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.primary-btn{color:#94a3b8;cursor:not-allowed;text-transform:uppercase;letter-spacing:1px;background:#e2e8f0;border:none;border-radius:8px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .2s}.primary-btn:not(:disabled){color:#1e293b;cursor:pointer;background:linear-gradient(135deg,#f8c24e 0%,#e1ac2f 100%);box-shadow:0 4px 6px -1px #f8c24e33}.primary-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #f8c24e4d}.terms-text{text-align:center;color:#64748b;margin-top:24px;font-size:13px}.terms-text a{color:#111;font-weight:600;text-decoration:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.login-modal-container{flex-direction:column;width:100%;max-width:400px;height:auto}.modal-left-panel{width:100%;height:180px;padding:24px}.brand-header{margin-bottom:auto}.hero-content h1{font-size:24px}.modal-right-panel{width:100%;padding:32px 24px}}.auth-tabs{border-bottom:1px solid #f1f5f9;gap:32px;margin-bottom:40px;display:flex}.auth-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 0 16px;font-size:16px;font-weight:700;transition:all .2s;position:relative}.auth-tab.active{color:#111}.auth-tab.active:after{content:"";background:#f8c24e;border-radius:4px;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.logo-container{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-family:Outfit,sans-serif;line-height:1;text-decoration:none;transition:all .3s;display:flex}.logo-text-wrapper{align-items:center;gap:4px;display:flex}.logo-text-primary{color:#0f172a;letter-spacing:-.5px;font-weight:800}.logo-accent-box{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:8px;justify-content:center;align-items:center;padding:4px 10px;display:flex;transform:skew(-5deg);box-shadow:0 2px 5px #f973164d}.logo-text-accent{color:#fff;letter-spacing:.5px;font-weight:800;transform:skew(5deg)}.logo-container.small .logo-text-primary{font-size:18px}.logo-container.small .logo-text-accent{font-size:14px}.logo-container.medium .logo-text-primary{font-size:24px}.logo-container.medium .logo-text-accent{font-size:18px}.logo-container.large .logo-text-primary{font-size:32px}.logo-container.large .logo-text-accent{font-size:24px}.logo-container.white .logo-text-primary{color:#fff}.navbar{width:100%;height:70px;box-shadow:var(--shadow-sm);z-index:1000;transition:var(--transition-normal);background:#fff;position:fixed;top:0;left:0}.navbar.scrolled{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{align-items:center;gap:12px;display:flex}.navbar-logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.navbar-logo-text{color:var(--primary-navy);letter-spacing:-.5px;font-size:22px;font-weight:800}.navbar-logo-text span{color:var(--primary-orange)}.navbar-nav{align-items:center;gap:10px;display:flex}.navbar-link{color:var(--text-heading);border-radius:var(--radius-full);background:var(--bg-page);transition:var(--transition-normal);white-space:nowrap;padding:7px 15px;font-size:13.5px;font-weight:600;position:relative}.navbar-link:hover{color:var(--primary-brand);background:#e2e8f0;transform:translateY(-2px)}.navbar-link.active{background:var(--primary-brand);color:#fff;box-shadow:var(--shadow-sm)}.navbar-link:after{display:none}.navbar.buy-page-active .navbar-logo-text{color:#e5533d}.navbar.buy-page-active .navbar-logo-text span{color:#0b1f33}.navbar.buy-page-active .navbar-logo-icon{background:linear-gradient(135deg,#e5533d 0%,#0b1f33 100%)}.navbar-actions{align-items:center;gap:15px;display:flex}.navbar-contact-btn{color:#2563eb;background:#eff6ff;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.navbar-contact-btn:hover{background:#dbeafe}.navbar-account{color:#334155;align-items:center;gap:10px;transition:color .2s;display:flex}.navbar-account:hover{color:#2563eb}.icon-user{color:#64748b}.account-text{flex-direction:column;line-height:1.2;display:flex}.hello-text{color:#0f172a;font-size:14px;font-weight:600}.account-label{color:#64748b;font-size:11px;font-weight:500}.navbar-btn-login{background:var(--primary-brand);color:#fff;border-radius:var(--radius-md);transition:var(--transition-normal);padding:10px 24px;font-weight:600}.navbar-btn-login:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.navbar-mobile-toggle{color:var(--text-heading);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu-backdrop{z-index:1001;opacity:0;pointer-events:none;width:100%;height:100%;transition:var(--transition-normal);background:#00000080;position:fixed;top:0;left:0}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu{width:300px;height:100%;box-shadow:var(--shadow-lg);z-index:1002;transition:var(--transition-normal);background:#fff;flex-direction:column;padding:24px;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.open{right:0}.mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.mobile-menu-title{color:var(--text-dark);font-size:20px;font-weight:700}.mobile-menu-close{color:var(--text-gray);cursor:pointer;background:0 0;border:none}.mobile-nav-links{flex-direction:column;gap:20px;display:flex}.mobile-nav-link{color:var(--text-dark);font-size:18px;font-weight:500}.mobile-menu-footer{margin-top:auto}.mobile-login-btn{background:var(--primary-button);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-weight:600;display:flex}@media (max-width:1200px){.navbar-nav{gap:5px}.navbar-link{padding:7px 10px;font-size:12.5px}.navbar-logo-text{font-size:18px}}@media (max-width:900px){.navbar-nav,.navbar-contact-btn{display:none}.navbar-mobile-toggle{display:block}}.navbar.action-page-active .navbar-logo-text{color:#16c784}.navbar.action-page-active .navbar-logo-text span{color:#0b1f33}.navbar.action-page-active .navbar-logo-icon{background:linear-gradient(135deg,#16c784 0%,#0b1f33 100%)}.footer{background-color:var(--primary-dark);color:#cbd5e1;border-top:1px solid #1e293b;padding-top:80px;padding-bottom:30px;font-size:14px}.footer-top{flex-wrap:wrap;gap:60px;margin-bottom:60px;display:flex}.footer-brand-col{flex:1;min-width:300px;max-width:350px}.footer-brand-logo{color:#fff;align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-brand-name{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:800}.footer-brand-name span{color:var(--primary-brand)}.footer-desc{color:#94a3b8;margin-bottom:30px;line-height:1.6}.app-download span{color:#fff;margin-bottom:12px;font-weight:600;display:block}.store-buttons{gap:12px;display:flex}.store-btn{opacity:.9;background:0 0;width:135px;height:40px;padding:0;transition:opacity .2s}.store-btn:hover{opacity:1}.store-btn img{object-fit:contain;width:100%;height:100%}.footer-links-grid{flex:2;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:40px;display:grid}.footer-col h4{color:#fff;margin-bottom:24px;font-size:16px;font-weight:700}.footer-col ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-col a{color:#94a3b8;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.footer-col a:hover{color:#fff;transform:translate(2px)}.contact-info{color:#94a3b8;align-items:center;gap:10px;margin-bottom:12px;display:flex}.social-links{gap:16px;margin-top:24px;display:flex}.social-links a{color:#fff;opacity:.7;transition:all .2s}.social-links a:hover{opacity:1;color:var(--primary-brand);transform:translateY(-2px)}.footer-bottom{color:#64748b;border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;display:flex}.footer-legal-links{align-items:center;gap:16px;display:flex}.footer-legal-links a{color:#64748b;text-decoration:none}.footer-legal-links a:hover{color:#fff}@media (max-width:900px){.footer-top{flex-direction:column;gap:40px}.footer-brand-col{max-width:100%}}@media (max-width:640px){.footer-links-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column}}.home-page{background-color:var(--bg-page);min-height:100vh;padding-bottom:80px;position:relative;overflow-x:hidden}.home-page:before{display:none}.container{z-index:1;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.hero-section{background-color:#0000;padding:120px 0 80px;position:relative;overflow:hidden}.hero-3d-background{z-index:1;opacity:1;pointer-events:all;width:65%;height:100%;position:absolute;top:0;right:0}@media (max-width:900px){.hero-3d-background{width:100%;height:300px;margin-top:40px;position:relative}}.hero-container{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.hero-content-wrapper{pointer-events:auto}.hero-left{flex:1;max-width:600px}.hero-badge{letter-spacing:1px;color:var(--text-link);text-transform:uppercase;margin-bottom:24px;font-size:13px;font-weight:600;display:block}.hero-headline{color:var(--text-heading);letter-spacing:-1px;margin-bottom:24px;font-size:64px;font-weight:700;line-height:1.1}@media (max-width:1200px){.hero-headline{max-width:450px;font-size:42px}.hero-3d-background{opacity:.7;width:45%}}.text-highlight{color:var(--primary-accent)}.hero-subtext{color:var(--text-body);max-width:480px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-actions{gap:16px;display:flex}.btn-explore{color:#111;background-color:#87ceeb;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-explore:hover{filter:brightness(.95);transform:translateY(-2px)}.btn-features{color:#111;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-features:hover{background-color:#f9fafb;transform:translateY(-2px)}.hero-right{flex:1;justify-content:flex-end;display:flex}.hero-image-card{display:none}.hero-car-image{object-fit:cover;width:100%;height:100%}.search-section{z-index:10;margin-top:-40px;margin-bottom:60px;position:relative}.search-bar-container{background:#fff;border-radius:16px;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;box-shadow:0 10px 30px #00000014}.search-input-group,.location-group{flex:1}.search-bar-container label{color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.input-wrapper{align-items:center;gap:12px;display:flex}.input-wrapper input,.input-wrapper select{color:#111;background:0 0;border:none;outline:none;width:100%;font-size:16px;font-weight:500}.search-divider{background:#f3f4f6;width:1px;height:48px}.btn-find-car{color:#fff;background-color:#111;border-radius:12px;padding:16px 40px;font-size:16px;font-weight:600;transition:transform .2s}.btn-find-car:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.filter-bar-section{background:0 0;padding:40px 0 60px}.filter-bar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-bar-header h2{color:#111;font-size:24px;font-weight:700}.city-selector{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.city-selector:hover{color:#0d9488}.filter-bar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:0;margin-bottom:24px;padding:6px;display:flex}.car-type-toggle{gap:0;display:flex}.toggle-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.toggle-btn.active{color:#fff;background:#0d9488}.toggle-btn:hover:not(.active){background:#f3f4f6}.filter-search-input{flex:1;align-items:center;padding:0 20px;display:flex;position:relative}.filter-search-input input{color:#111;background:0 0;border:none;outline:none;width:100%;padding:12px 0;font-size:15px}.filter-search-input input::placeholder{color:#9ca3af}.filter-search-icon{color:#9ca3af;flex-shrink:0}.filter-buttons-row{flex-wrap:wrap;gap:12px;display:flex}.filter-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.filter-chip:hover{color:#0d9488;border-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.chip-icon-lucide{stroke-width:2px}.filter-dropdown-wrapper{position:relative}.filter-dropdown{z-index:100;opacity:0;visibility:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:220px;margin-top:8px;padding:16px;transition:all .2s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 10px 40px #0000001f}.filter-dropdown-wrapper:hover .filter-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:700}.dropdown-list{margin:0;padding:0;list-style:none}.dropdown-list li{color:#374151;cursor:pointer;border-radius:6px;padding:10px 12px;font-size:14px;transition:all .15s}.dropdown-list li:hover{color:#0d9488;background:#f0fdfa}.filter-dropdown-wide{min-width:480px;max-height:500px;left:auto;right:0;overflow-y:auto}.all-filters-wrapper .filter-dropdown{left:auto;right:0}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-group h4{color:#111;margin-bottom:10px;font-size:13px;font-weight:600}.dropdown-list.horizontal{flex-wrap:wrap;gap:8px;display:flex}.dropdown-list.horizontal li{background:#f3f4f6;border-radius:20px;padding:6px 12px;font-size:12px}.filter-dropdown-grid{min-width:320px}.visual-grid-img{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.visual-item-card{cursor:pointer;background:#f9fafb;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.visual-item-card:hover{background:#fff;border-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.visual-item-card img{object-fit:contain;opacity:.8;width:40px;height:40px;margin-bottom:8px;transition:all .2s}.visual-item-card:hover img{opacity:1;transform:scale(1.1)}.visual-item-card span{color:#4b5563;text-align:center;font-size:11px;font-weight:600}.visual-item-card:hover span{color:#0d9488}.filter-dropdown-grid-sm{min-width:280px}.visual-grid-text{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.visual-item-box{color:#374151;text-align:center;cursor:pointer;background:#f3f4f6;border:1px solid #0000;border-radius:6px;padding:12px 8px;font-size:13px;font-weight:600;transition:all .2s}.visual-item-box:hover{color:#0d9488;background:#f0fdfa;border-color:#0d9488}.dropdown-list-visual{margin:0;padding:0;list-style:none}.dropdown-list-visual li{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.dropdown-list-visual li:hover{background:#f0fdfa}.list-icon{opacity:.6;width:24px;height:24px}.dropdown-list-visual li:hover .list-icon{opacity:1}.dropdown-list-visual li span{color:#374151;font-size:14px;font-weight:500}.dropdown-list-visual li:hover span{color:#0d9488}.brand-grid{grid-template-columns:repeat(4,1fr)}.arrivals-section{padding:60px 0}.arrivals-section .section-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.arrivals-section h2{margin-bottom:8px;font-size:28px;font-weight:700}.subheader{color:#6b7280;font-size:15px}.btn-view-all{color:#111;background:0 0;border:1px solid #e5e7eb;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:600}.cars-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.values-section{padding:80px 0}.values-container{text-align:center;background:#fff;border-radius:32px;padding:60px 40px;box-shadow:0 4px 6px -1px #00000005}.values-container h2{margin-bottom:16px;font-size:32px;font-weight:700}.values-sub{color:#6b7280;max-width:600px;margin:0 auto 48px;font-size:16px;line-height:1.6}.values-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.value-item{flex-direction:column;align-items:center;display:flex}.value-icon{color:#60a5fa;background:#f0f9ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.value-item h3{margin-bottom:12px;font-size:18px;font-weight:700}.value-item p{color:#6b7280;max-width:280px;font-size:14px;line-height:1.6}@media (max-width:900px){.hero-container{text-align:center;flex-direction:column;min-height:auto;padding-top:100px;padding-bottom:40px}.hero-container .hero-left{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-right{justify-content:center;width:100%}.hero-image-card{width:100%;max-width:600px}.discovery-grid{flex-wrap:wrap}.cars-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.hero-headline{font-size:40px}.search-bar-container{flex-direction:column;align-items:stretch;gap:16px}.search-divider{display:none}.cars-grid{grid-template-columns:1fr}}.three-d-car-container{width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background:#fff;border-radius:24px;width:90%;max-width:900px;height:550px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-close-btn{cursor:pointer;z-index:10;color:#111;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-content-split{height:100%;display:flex}.modal-left{flex:.8;position:relative;overflow:hidden}.modal-left img{object-fit:cover;width:100%;height:100%}.modal-image-overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:32px;position:absolute;bottom:0;left:0}.modal-image-overlay h3{margin-bottom:8px;font-size:24px;font-weight:700}.modal-image-overlay p{opacity:.9;font-size:14px}.modal-right{flex-direction:column;flex:1.2;padding:32px;display:flex}.modal-header h2{color:#111;margin-bottom:24px;font-size:24px;font-weight:700}.modal-body{flex:1;padding-right:8px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;padding-top:24px;display:flex}.btn-apply-filter{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;padding:12px 32px;font-weight:600;transition:all .2s}.btn-apply-filter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.budget-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:20px;display:grid}.budget-card{color:#fff;cursor:pointer;border-radius:16px;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.budget-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 24px #0003}.budget-label{opacity:.9;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.budget-range{letter-spacing:-.5px;font-size:20px;font-weight:800;display:block}.card-shine{background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.budget-card:hover .card-shine{transition:left .7s;left:200%}.body-type-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.body-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;padding:20px 16px;transition:all .2s;display:flex}.body-card:hover{background:#f0fdfa;border-color:#0d9488;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0d948826}.body-icon{color:#4b5563;margin-bottom:12px;transition:transform .2s}.body-card:hover .body-icon{color:#0d9488;transform:scale(1.1)}.body-info h3{color:#111;margin-bottom:2px;font-size:14px;font-weight:700}.body-info p{color:#6b7280;font-size:11px;font-weight:500}.fuel-grid{flex-direction:column;gap:12px;display:flex}.fuel-pill{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.fuel-pill:hover{border-color:var(--pill-color);background:#f9fafb;padding-left:24px}.fuel-pill:before{content:"";background:var(--pill-color);opacity:0;width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.fuel-pill:hover:before{opacity:1}.pill-icon-box{width:40px;height:40px;color:var(--pill-color);background:#00000008;border-radius:50%;justify-content:center;align-items:center;display:flex}.pill-label{color:#374151;font-size:16px;font-weight:600}.transmission-grid{grid-template-columns:repeat(2,1fr);gap:20px;height:100%;display:grid}.transmission-box{text-align:center;cursor:pointer;background:#f9fafb;border:2px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.transmission-box:hover{background:#fff;border-color:#111;transform:scale(.98);box-shadow:0 20px 40px -10px #0000001a}.trans-icon{color:#4b5563;opacity:.7;margin-bottom:20px;transition:all .2s}.transmission-box:hover .trans-icon{opacity:1;color:#111;transform:rotate(45deg)}.trans-info h3{color:#111;margin-bottom:4px;font-size:18px;font-weight:700}.trans-info p{color:#6b7280;font-size:13px}.all-filters-layout{flex-direction:column;gap:32px;display:flex}.filter-section h4{text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;margin-bottom:16px;font-size:14px;font-weight:700}.brand-circle-grid{flex-wrap:wrap;gap:20px;display:flex}.brand-circle-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.brand-circle{background:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000d}.brand-circle-item:hover .brand-circle{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.brand-circle-item span{color:#4b5563;font-size:12px;font-weight:600}.condition-list{flex-direction:column;gap:12px;display:flex}.checkbox-container{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-left:32px;font-size:15px;font-weight:500;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;width:22px;height:22px;transition:all .2s;position:absolute;top:0;left:0}.checkbox-container:hover input~.checkmark{background-color:#e5e7eb}.checkbox-container input:checked~.checkmark{background-color:#111;border-color:#111}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;top:3px;left:7px;transform:rotate(45deg)}@media (max-width:1200px){.hero-headline{max-width:450px;font-size:42px}.hero-3d-background{opacity:.7;width:45%}}@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.budget-grid{grid-template-columns:1fr}.body-type-grid{grid-template-columns:repeat(2,1fr)}.brand-circle-grid{justify-content:space-between;gap:12px}.modal-content-split{flex-direction:column}.modal-left{display:none}.modal-container{width:95%;height:auto;max-height:80vh}}.filter-description{color:#6b7280;margin-bottom:24px;font-size:15px}.budget-filter-container{padding:10px}.budget-slider-box{text-align:center;background:#f9fafb;border-radius:16px;margin-bottom:32px;padding:24px}.budget-value-display{color:#111;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.budget-value-display .accent-text{color:#9ca3af;text-transform:uppercase;font-size:14px;font-weight:500}.simple-budget-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:10px;display:grid}.simple-budget-btn{color:#374151;cursor:pointer;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;font-size:15px;font-weight:600;transition:all .2s}.simple-budget-btn:hover{color:#0d9488;background:#f0fdfa;border-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.body-type-visual-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.body-visual-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;padding:20px 12px;transition:all .2s;display:flex}.body-visual-card:hover{background:#f0fdfa;border-color:#0d9488;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0d94881a}.visual-icon-circle{color:#4b5563;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;transition:all .2s;display:flex}.body-visual-card:hover .visual-icon-circle{color:#0d9488;background:#fff}.body-visual-card h4{color:#111;margin-bottom:4px;font-size:14px;font-weight:700}.body-visual-card span{color:#6b7280;font-size:11px}.fuel-visual-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.fuel-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:flex-start;padding:24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.fuel-card svg{margin-bottom:16px;transition:transform .2s}.fuel-card:hover svg{transform:scale(1.1)}.fuel-card h3{margin-bottom:4px;font-size:18px;font-weight:700}.fuel-card p{color:#6b7280;opacity:.8;font-size:12px}.fuel-card.petrol{color:#ef4444;border-color:#ef444433}.fuel-card.diesel{color:#f59e0b;border-color:#f59e0b33}.fuel-card.electric{color:#10b981;border-color:#10b98133}.fuel-card.cng{color:#3b82f6;border-color:#3b82f633}.fuel-card:hover{background:#fff;border-width:2px;box-shadow:0 8px 16px #0000000d}.transmission-split{align-items:center;gap:24px;height:100%;display:flex}.trans-option{text-align:center;cursor:pointer;background:#f9fafb;border:2px solid #0000;border-radius:20px;flex-direction:column;flex:1;align-items:center;padding:32px 20px;transition:all .3s;display:flex}.trans-option:hover{background:#fff;border-color:#111;transform:scale(1.02);box-shadow:0 15px 30px #0000001a}.trans-icon-large{color:#4b5563;opacity:.5;margin-bottom:24px;transition:all .3s}.trans-option:hover .trans-icon-large{opacity:1;color:#111;transform:rotate(-10deg)}.trans-option h3{color:#111;margin-bottom:8px;font-size:20px;font-weight:800}.trans-option p{color:#6b7280;min-height:40px;margin-bottom:24px;font-size:13px}.city-selector-wrapper{z-index:50;position:relative}.city-selector{color:#374151;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.city-selector:hover{background:#f3f4f6;border-color:#d1d5db}.city-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:160px;margin-top:8px;animation:.2s fadeIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.city-option{color:#374151;cursor:pointer;padding:12px 16px;font-size:14px;transition:background .2s}.city-option:hover{color:#111;background:#f9fafb}.btn-select-trans{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:30px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s}.trans-option:hover .btn-select-trans{color:#fff;background:#111;border-color:#111}.trans-divider{color:#9ca3af;background:#f3f4f6;border-radius:50%;padding:8px;font-size:14px;font-weight:700}.simple-budget-btn.active{color:#0d9488;background:#f0fdfa;border-color:#0d9488;box-shadow:0 4px 6px #0000000d}.body-visual-card.active{background:#f0fdfa;border-color:#0d9488;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0d94881a}.body-visual-card.active .visual-icon-circle{color:#0d9488;background:#fff}.fuel-card.active{background:#fff;border-width:2px;box-shadow:0 8px 16px #0000000d}.fuel-card.petrol.active{background-color:#fef2f2;border-color:#ef4444}.fuel-card.diesel.active{background-color:#fffbeb;border-color:#f59e0b}.fuel-card.electric.active{background-color:#ecfdf5;border-color:#10b981}.fuel-card.cng.active{background-color:#eff6ff;border-color:#3b82f6}.trans-option.active{background:#fff;border-color:#111;transform:scale(1.02);box-shadow:0 15px 30px #0000001a}.trans-option.active .trans-icon-large{opacity:1;color:#111;transform:rotate(-10deg)}.trans-option.active .btn-select-trans{color:#fff;background:#111;border-color:#111}.lottery-section{background-color:#0000;padding:80px 0}.lottery-card{background:#fff;border-radius:32px;min-height:500px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000000d}.lottery-left{flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.lottery-badge{color:#2563eb;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:700;display:flex}.lottery-title{color:#0f172a;margin-bottom:24px;font-size:56px;font-weight:700;line-height:1.1}.text-blue{color:#2563eb}.lottery-desc{color:#64748b;max-width:480px;margin-bottom:40px;font-size:18px;line-height:1.6}.lottery-info-boxes{gap:16px;margin-bottom:40px;display:flex}.info-box{border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 24px;display:flex}.info-label{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:700}.info-value{color:#2563eb;font-size:24px;font-weight:700}.btn-enter-draw{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:100px;align-self:flex-start;align-items:center;padding:18px 36px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 20px #2563eb33}.btn-enter-draw:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 15px 30px #2563eb4d}.lottery-right{flex:1.2;position:relative;overflow:hidden}.lottery-right img{object-fit:cover;width:100%;height:100%}.car-overlay-info{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:40px;position:absolute;bottom:0;left:0}.car-overlay-info h3{margin-bottom:12px;font-size:24px;font-weight:700}.car-overlay-specs{opacity:.9;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.edition-badge{color:#0f172a;background:#fff;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;bottom:40px;right:40px}@media (max-width:900px){.lottery-card{flex-direction:column}.lottery-left{padding:40px}.lottery-title{font-size:40px}.lottery-right{min-height:300px}}.lottery-ticket-options{gap:12px;margin-bottom:24px;display:flex}.ticket-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:80px;padding:12px 24px;font-size:16px;font-weight:700;transition:all .2s}.ticket-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #2563eb1a}.selected-car-name{color:#64748b;letter-spacing:.5px;margin-bottom:32px;font-size:18px;font-weight:600}.filter-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.filter-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:900px;max-width:95vw;height:85vh;max-height:800px;animation:.3s scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.filter-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.filter-header-actions{align-items:center;gap:16px;display:flex}.filter-reset-btn{color:var(--primary-button);cursor:pointer;background:0 0;border:none;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.filter-close-btn{color:var(--text-gray);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.filter-close-btn:hover{color:var(--error);background:#e2e8f0}.filter-modal-body{flex:1;display:flex;overflow:hidden}.filter-sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;flex-direction:column;width:250px;display:flex;overflow-y:auto}.filter-sidebar-item{color:var(--text-body);cursor:pointer;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:16px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.filter-sidebar-item:hover{color:var(--text-heading);background:#f1f5f9}.filter-sidebar-item.active{color:var(--primary-button);border-left-color:var(--primary-button);background:#fff;font-weight:700;box-shadow:0 4px 6px -1px #0000000d}.filter-dot{background:var(--primary-button);border-radius:50%;width:8px;height:8px}.filter-main-content{background:#fff;flex:1;padding:32px;overflow-y:auto}.filter-section-title{color:var(--text-heading);margin-bottom:24px;font-size:18px;font-weight:700}.filter-content-wrapper{max-width:600px}.checkbox-label{color:var(--text-body);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:12px;padding:8px;font-size:15px;transition:background .2s;display:flex}.checkbox-label:hover{background:#f8fafc}.filter-pill:hover{border-color:var(--primary-button);color:var(--primary-button);background:#eff6ff}.filter-pill.active{background:var(--primary-button);color:#fff;border-color:var(--primary-button);box-shadow:0 4px 6px -1px #2563eb33}.range-inputs{align-items:center;gap:16px;max-width:400px;display:flex}.range-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.range-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.range-field:focus{border-color:var(--primary-button);background:#fff;outline:none}.slider-container{max-width:400px;padding:16px 0}.slider-input{-webkit-appearance:none;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--primary-button);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0000001a}.filter-color-circle{cursor:pointer;border:3px solid #e5e7eb;border-radius:50%;width:40px;height:40px;transition:all .2s;position:relative;box-shadow:inset 0 2px 4px #0000001a}.filter-modal-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:20px 32px;display:flex}.apply-filters-btn{background:var(--primary-button);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb4d}.apply-filters-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 10px -1px #2563eb66}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.filter-modal-container{border-radius:0;width:100%;max-width:100vw;height:100%;max-height:100vh}.filter-modal-body{flex-direction:column}.filter-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;flex-direction:row;width:100%;height:25%;padding:0 8px;overflow-x:auto}.filter-sidebar-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;justify-content:center;padding:0 16px}.filter-sidebar-item.active{border-left-color:#0000;border-bottom-color:var(--primary-button)}.filter-main-content{padding:20px}}.filter-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.filter-modal-title{color:var(--text-dark);font-size:20px;font-weight:700}.filter-reset-btn{color:var(--primary-button);cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;font-size:14px;font-weight:600}.filter-reset-btn:hover{color:var(--primary-light);text-decoration:underline}.filter-close-btn{color:var(--text-gray);cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.filter-close-btn:hover{background:var(--bg-light);color:var(--error)}.filter-modal-content{flex:1;padding:24px;overflow-y:auto}.filter-section{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:24px}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-section-title{color:var(--text-dark);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.filter-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.checkbox-label{color:var(--text-gray);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-input{width:16px;height:16px;accent-color:var(--primary-button)}.range-inputs{align-items:center;gap:12px;display:flex}.range-input-group{flex-direction:column;flex:1;gap:4px;display:flex}.range-label{color:var(--text-light);font-size:12px}.range-field{border-radius:var(--radius-sm);border:1px solid #e5e7eb;width:100%;padding:10px;font-size:14px}.range-separator{color:var(--text-light);margin-top:16px;font-weight:600}.slider-container{padding:10px 0}.slider-input{width:100%;accent-color:var(--primary-button)}.slider-value{color:var(--primary-button);margin-top:4px;font-size:14px;font-weight:600}.filter-modal-footer{background:var(--bg-white);border-top:1px solid #e5e7eb;padding:20px 24px}.apply-filters-btn{background:var(--primary-button);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:100%;transition:var(--transition-normal);border:none;padding:14px;font-size:16px;font-weight:600}.apply-filters-btn:hover{background:var(--primary-light);box-shadow:var(--shadow-md)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-modal-content::-webkit-scrollbar{width:6px}.filter-modal-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}@media (max-width:480px){.filter-modal-container{width:100%}}.filter-pill-row{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{color:var(--text-gray);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-pill:hover{border-color:var(--primary-button);background:#f9fafb}.filter-pill.active{background:var(--primary-button);color:#fff;border-color:var(--primary-button)}.filter-color-row{flex-wrap:wrap;gap:12px;display:flex}.filter-color-circle{cursor:pointer;border:2px solid #e5e7eb;border-radius:50%;width:32px;height:32px;transition:transform .2s,border-color .2s;position:relative}.filter-color-circle:hover{transform:scale(1.1)}.filter-color-circle.active{border-color:var(--primary-button);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--primary-button);transform:scale(1.1)}.car-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal);border:1px solid #f3f4f6;overflow:hidden}.car-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.car-card-image{height:200px;position:relative;overflow:hidden}.car-card-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.car-card:hover .car-card-image img{transform:scale(1.1)}.car-card-badge{background:var(--primary-brand);color:#fff;border-radius:var(--radius-full);padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.car-card-favorite{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition-normal);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.car-card-favorite:hover{color:var(--accent-risk);transform:scale(1.1)}.car-card-content{padding:20px}.car-card-title{color:var(--text-heading);margin-bottom:8px;font-size:18px;font-weight:600}.car-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.car-card-meta-item{color:var(--text-muted);font-size:13px}.car-card-price{justify-content:space-between;align-items:center;display:flex}.car-card-price-value{color:var(--primary-brand);font-size:20px;font-weight:700}.car-card-btn{color:#fff;background:var(--btn-primary-bg);border-radius:var(--radius-full);transition:var(--transition-normal);padding:8px 16px;font-size:13px;font-weight:600}.car-card-btn:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-blue);transform:translateY(-2px)}.action-page-header{text-align:center;background:#8fbc8f;padding:80px 0 100px}.action-page-title{color:var(--text-white);margin-bottom:16px;font-size:42px;font-weight:700}.action-page-subtitle{color:#ffffffb3;font-size:18px}.action-page-content{margin-top:-50px;padding:80px 0}.action-cards-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px;display:grid}.action-cards-grid .action-card{padding:48px 32px}.action-cards-grid .action-card-icon{width:100px;height:100px}.action-cards-grid .action-card-icon svg{width:48px;height:48px}.action-cards-grid .action-card-title{font-size:28px}.action-cards-grid .action-card-description{font-size:16px}.action-card-btn{background:var(--primary-brand);color:#fff;border-radius:var(--radius-full);transition:var(--transition-normal);justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:12px 24px;font-weight:600;display:inline-flex}.action-card:hover .action-card-btn{background:var(--btn-primary-hover);transform:translate(4px)}.action-info-section{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.action-info-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px}.action-info-card h3{color:var(--text-dark);border-bottom:2px solid #1fa2ff;margin-bottom:20px;padding-bottom:16px;font-size:20px;font-weight:600}.action-info-card ul,.action-info-card ol{flex-direction:column;gap:12px;display:flex}.action-info-card li{color:var(--text-gray);font-size:15px;line-height:1.6}.how-it-works-list li{padding-left:24px;position:relative}.how-it-works-list li:before{content:"✓";color:var(--primary-brand);font-weight:700;position:absolute;left:0}@media (max-width:1024px){.action-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.action-page-title{font-size:32px}.action-cards-grid,.action-info-section{grid-template-columns:1fr}}.page-wrapper{background:var(--bg-page);min-height:100vh;padding-top:80px}.page-header{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#0006,#00000080),url(https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&q=80&w=1920);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:none;border-radius:24px;justify-content:center;align-items:center;max-width:1280px;min-height:650px;margin:0 auto 40px;display:flex;overflow:hidden}.page-header-title{letter-spacing:-1px;margin-bottom:16px;font-size:56px;font-weight:800;color:#fff!important}.page-header-subtitle{opacity:1;max-width:800px;margin:0 auto;font-size:20px;font-weight:500;color:#fff!important}.brand-slider-section{margin-bottom:40px}.section-title{color:var(--text-heading);margin-bottom:20px;font-size:20px;font-weight:700}.brand-slider{scrollbar-width:none;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.brand-slider::-webkit-scrollbar{display:none}.brand-card{border-radius:var(--radius-lg);cursor:pointer;width:110px;height:110px;transition:var(--transition-normal);background:#fff;border:1px solid #e2e8f0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.brand-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-brand);transform:translateY(-4px)}.brand-card.active{background:var(--primary-light);border-color:var(--primary-brand);color:var(--primary-brand)}.brand-logo-wrapper{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;display:flex}.brand-logo{object-fit:contain;filter:grayscale();width:100%;height:100%;transition:filter .2s}.brand-card:hover .brand-logo,.brand-card.active .brand-logo{filter:grayscale(0%)}.brand-card span{font-size:13px;font-weight:600}.search-filter-bar{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;padding:16px;display:flex}.search-box{background:var(--bg-page);border-radius:var(--radius-md);transition:var(--transition-normal);border:1px solid #0000;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-box:focus-within{border-color:var(--primary-brand);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.search-box input{color:var(--text-heading);background:0 0;border:none;outline:none;flex:1;font-size:15px}.filter-options{gap:12px;display:flex}.filter-btn-main{border-radius:var(--radius-md);color:var(--text-heading);cursor:pointer;transition:var(--transition-normal);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.filter-btn-main:hover{border-color:var(--primary-brand);color:var(--primary-brand);background:var(--primary-light)}.view-toggle{background:var(--bg-page);border-radius:var(--radius-md);padding:4px;display:flex}.view-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;padding:8px}.view-btn.active{color:var(--primary-brand);box-shadow:var(--shadow-sm);background:#fff}.results-info{color:var(--text-muted);margin-bottom:24px;font-size:14px;font-weight:500}.cars-grid{gap:24px;display:grid}.cars-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cars-grid.list{grid-template-columns:1fr}.no-results{text-align:center;color:var(--text-muted);padding:60px 0}.no-results h3{color:var(--text-heading);margin-bottom:8px;font-size:24px;font-weight:700}.reset-search-btn{background:var(--primary-brand);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;margin-top:16px;padding:10px 24px;font-weight:600}.reset-search-btn:hover{background:var(--btn-primary-hover)}@media (max-width:768px){.search-filter-bar{flex-direction:column;align-items:stretch}.filter-options{padding-bottom:8px;overflow-x:auto}}.sell-car-page{background-color:#f8f9fa;min-height:100vh;padding:120px 0 60px;font-family:Inter,sans-serif}.sell-car-container{max-width:1280px;margin:0 auto;padding:0 24px}.sell-header{text-align:left;width:100%;margin-bottom:40px}.sell-header-step2{text-align:center;max-width:800px;margin:0 auto 50px}.sell-title{color:#111;margin-bottom:10px;font-size:36px;font-weight:700}.sell-subtitle{color:#6b7280;margin-bottom:24px;font-size:16px;font-weight:400}.step-progress-bar{background-color:#e5e7eb;border-radius:99px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.step-progress-fill{background-color:#1d4ed8;border-radius:99px;height:100%;transition:width .3s}.step-progress-text{text-align:right;color:#1d4ed8;font-size:14px;font-weight:600;display:block}.stepper-container{justify-content:flex-start;gap:16px;max-width:800px;margin-bottom:50px;margin-left:0;margin-right:auto;display:flex}.step-pill{text-align:center;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;background-color:#f3f4f6;border-radius:100px;flex:1;padding:12px;font-size:12px;font-weight:700;transition:all .3s}.step-pill.active{color:#fff;background-color:#1d4ed8;box-shadow:0 4px 12px #1d4ed833}.sell-content-wrapper{justify-content:center;margin-bottom:80px;display:flex}.details-form-card{background:#fff;border-radius:24px;width:100%;max-width:600px;padding:40px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.details-form-card h2{color:#111;margin-bottom:8px;font-size:24px;font-weight:700}.form-desc{color:#6b7280;margin-bottom:32px;font-size:14px}.form-group-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input-field{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s}.form-input-field:focus{border-color:#1d4ed8;outline:none}.form-row-split{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.form-group{margin-bottom:16px}.owner-tags-container{gap:12px;display:flex}.owner-tag-btn{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:12px;font-weight:500;transition:all .2s}.owner-tag-btn:hover{background:#f3f4f6}.owner-tag-btn.active{color:#fff;background:#111;border-color:#111}.btn-upload-photos{color:#fff;cursor:pointer;background-color:#000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:32px;padding:16px;font-size:16px;font-weight:600;transition:transform .2s;display:flex}.btn-upload-photos:hover{background-color:#111;transform:translateY(-2px)}.privacy-shield{color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:11px;font-weight:500;display:flex}.upload-step-container{grid-template-columns:1fr;align-items:start;gap:40px;width:100%;max-width:800px;margin:0 auto;display:grid}.drag-drop-zone{text-align:center;background-color:#fff;border:2px dashed #93c5fd;border-radius:24px;margin-bottom:40px;padding:60px 40px;transition:background-color .2s}.drag-drop-zone:hover{background-color:#eff6ff}.upload-icon-circle{background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.drag-drop-zone h3{color:#111;margin-bottom:8px;font-size:20px;font-weight:600}.drag-drop-zone p{color:#6b7280;margin-bottom:24px}.btn-select-photos{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:99px;padding:12px 32px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-select-photos:hover{background-color:#1e40af}.recommended-section{margin-bottom:40px}.section-label{color:#111;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.angles-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.angle-card{text-align:center;background:#f3f4f6;border-radius:12px;flex-direction:column;align-items:center;padding:16px;display:flex}.angle-placeholder{color:#9ca3af;background:#e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:12px;display:flex}.angle-title{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600}.tag-mandatory{color:#1d4ed8;letter-spacing:.5px;font-size:10px;font-weight:700}.tag-recommended{color:#6b7280;letter-spacing:.5px;font-size:10px;font-weight:700}.tips-sidebar{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 12px #0000000d}.tips-header{color:#111;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.tips-list{margin:0 0 32px;padding:0;list-style:none}.tip-item{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.tip-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.tip-item strong{color:#111;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.tip-item p{color:#6b7280;font-size:13px;line-height:1.4}.example-preview-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.example-car-img{object-fit:cover;width:100%;height:140px;display:block}.example-preview-card p{color:#6b7280;padding:16px;font-size:12px;font-style:italic;line-height:1.4}.action-buttons-row{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.btn-back-step{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:99px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-back-step:hover{background:#e5e7eb}.btn-next-step{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:99px;padding:14px 40px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-next-step:hover{background:#1e40af;box-shadow:0 4px 12px #1d4ed84d}.steps-footer-grid{border-top:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:60px;display:grid}.footer-step-card{flex-direction:column;align-items:flex-start;display:flex}.footer-icon{color:#3b82f6;margin-bottom:16px}.footer-step-card h3{color:#111;margin-bottom:8px;font-size:16px;font-weight:600}.footer-step-card p{color:#6b7280;font-size:13px;line-height:1.5}@media (max-width:960px){.sell-content-wrapper{display:block}.upload-step-container{grid-template-columns:1fr;gap:32px}.steps-footer-grid{grid-template-columns:1fr 1fr;gap:40px}.angles-grid{grid-template-columns:1fr 1fr}}.valuation-card{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:24px;margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.valuation-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.5px;background:#fff;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #1d4ed81a}.valuation-card h3{color:#374151;margin-bottom:8px;font-size:16px;font-weight:600}.price-display-large{color:#1e40af;margin-bottom:8px;font-family:Inter,sans-serif;font-size:32px;font-weight:800}.price-subtext{color:#6b7280;margin-bottom:24px;font-size:14px}.price-breakdown{text-align:left;background:#fff9;border-radius:16px;padding:20px}.breakdown-item{color:#4b5563;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.breakdown-item:last-child{margin-bottom:0}.breakdown-item.positive{color:#059669}.market-stat-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;margin-bottom:24px;padding:20px}.stat-label{color:#065f46;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.stat-value{color:#059669;align-items:center;gap:8px;margin-bottom:4px;font-size:24px;font-weight:800;display:flex}.stat-value.high .indicator-dot{background:#059669;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #05966933}.stat-desc{color:#047857;font-size:12px}.sidebar-divider{border:0;border-top:1px solid #e5e7eb;margin:24px 0}.section-title-sm{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.calendar-widget{background:0 0;border:none;width:100%;padding:0;overflow-x:auto}.date-grid-view{gap:12px;padding-bottom:15px;display:flex}.cal-day-col{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-detect-location{color:#1d4ed8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.booking-summary-list{margin-bottom:24px}.summary-row{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.summary-row .lbl{color:#6b7280}.summary-row .val{color:#111;font-weight:600}.summary-row .val.highlight{color:#059669}.sidebar-subhead{color:#111;margin-bottom:16px;font-size:14px;font-weight:700}.timeline-list{margin:0 0 24px;padding:0;list-style:none;position:relative}.timeline-list:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:4px;bottom:20px;left:10px}.timeline-item{gap:16px;margin-bottom:20px;display:flex;position:relative}.timeline-dot{color:#6b7280;z-index:1;background:#f3f4f6;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 0 1px #e5e7eb}.timeline-item p{color:#4b5563;margin:0;font-size:13px;line-height:1.4}.support-box{color:#374151;background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.success-view-container{text-align:center;max-width:500px;margin:80px auto}.success-card{background:#fff;border-radius:24px;padding:48px 32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.success-icon-anim{background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:.5s ease-out scaleUp;display:flex;box-shadow:0 10px 15px -3px #10b9814d}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.success-card h2{color:#111;margin-bottom:12px;font-size:28px}.success-card p{color:#6b7280;margin-bottom:32px}.appointment-details-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-around;margin-bottom:32px;padding:16px;display:flex}.appt-item{color:#374151;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.btn-home-return{color:#fff;cursor:pointer;background:#111;border:none;border-radius:99px;padding:14px 40px;font-weight:600;transition:all .2s}.btn-home-return:hover{background:#333}.car-detail-page{color:#1e293b;background-color:#f8f9fb;padding:30px 0 80px;font-family:Inter,sans-serif}.breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.breadcrumbs .current{color:#0f172a;font-weight:600}.top-section-grid{grid-template-columns:1.6fr 1fr;gap:32px;margin-bottom:40px;display:grid}.image-gallery-container{flex-direction:column;gap:16px;display:flex}.main-image-wrapper{border-radius:16px;height:480px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.main-car-img{object-fit:cover;width:100%;height:100%}.view-360-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#000000b3;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;top:20px;right:20px}.thumbnails-row{gap:12px;display:flex}.thumb-box{cursor:pointer;border:2px solid #0000;border-radius:8px;width:80px;height:60px;transition:all .2s;overflow:hidden}.thumb-box img{object-fit:cover;width:100%;height:100%}.thumb-box.active,.thumb-box:hover{border-color:#38bdf8;transform:translateY(-2px)}.sidebar-group{flex-direction:column;gap:24px;display:flex}.price-card-box{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.price-card-box h1{color:#0f172a;margin:0 0 8px;font-size:36px;font-weight:800}.price-note{color:#64748b;align-items:center;gap:6px;margin:0 0 24px;font-size:13px;display:flex}.key-highlights{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.hl-item{color:#334155;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.hl-icon{color:#38bdf8}.btn-test-drive{color:#0f172a;cursor:pointer;background-color:#87ceeb;border:none;border-radius:8px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700;transition:background .2s}.btn-test-drive:hover{background-color:#7dd3fc}.btn-make-offer{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600}.btn-make-offer:hover{background-color:#f8fafc}.listed-by-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.listed-label{color:#94a3b8;letter-spacing:.5px;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.seller-info-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.seller-avatar-img{color:#fff;background-color:#f59e0b;background-image:url(https://randomuser.me/api/portraits/men/32.jpg);background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.seller-details h4{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.verify-tick{color:#10b981}.seller-details p{color:#64748b;margin:4px 0 0;font-size:13px}.seller-actions{gap:12px;display:flex}.btn-contact{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;display:flex}.btn-contact:hover{background:#e2e8f0}.report-summary-card{background:#fff;border-radius:20px;margin-bottom:40px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.report-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.report-header h2{margin:0 0 8px;font-size:24px}.report-header p{color:#64748b;margin:0}.health-score-box{background:#dcfce7;border-radius:8px;flex-direction:column;align-items:center;margin-left:auto;margin-right:24px;padding:8px 24px;display:flex}.score-val{color:#15803d;font-size:24px;font-weight:800}.score-lbl{color:#166534;font-size:10px;font-weight:700}.btn-view-report{color:#0f172a;cursor:pointer;background:#7dd3fc;border:none;border-radius:6px;padding:12px 24px;font-weight:600}.report-checks-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.check-item{gap:16px;display:flex}.check-icon-circle{color:#10b981;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.check-text strong{color:#0f172a;margin-bottom:4px;font-size:15px;display:block}.check-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.details-section{margin-bottom:60px}.section-title{align-items:center;gap:12px;margin-bottom:32px;font-size:24px;display:flex}.title-dash{background:#38bdf8;width:40px;height:3px;display:inline-block}.specs-master-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.spec-col{background:#fff;border-radius:12px;padding:24px}.spec-head{color:#38bdf8;letter-spacing:.5px;text-transform:uppercase;margin:0 0 24px;font-size:11px}.spec-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.spec-row:last-child{border-bottom:none}.spec-row span{color:#64748b}.spec-row strong{color:#0f172a}.pushed-cta-box{text-align:center;color:#fff;background:#000;border-radius:24px;padding:60px}.pushed-cta-box h2{margin:0 0 16px;font-size:32px}.pushed-cta-box p{color:#94a3b8;margin:0 0 32px}.cta-buttons-row{justify-content:center;gap:16px;display:flex}.btn-cta-primary{color:#0f172a;cursor:pointer;background:#7dd3fc;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:700}.btn-cta-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600}@media (max-width:1024px){.top-section-grid{grid-template-columns:1fr}.report-checks-grid{grid-template-columns:1fr 1fr}.specs-master-grid{grid-template-columns:1fr}}.login-modal-overlay.page-mode{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8fafc;min-height:calc(100vh - 80px);padding:60px 20px;animation:none;position:relative}.login-modal-overlay.page-mode .login-modal-container{height:auto;min-height:650px;margin:0 auto;animation:.8s cubic-bezier(.16,1,.3,1) fadeIn;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (max-width:900px){.login-modal-overlay.page-mode{padding:20px 10px}.login-modal-overlay.page-mode .login-modal-container{flex-direction:column;width:100%;max-width:450px;height:auto}.modal-left-panel,.modal-right-panel{width:100%!important}.modal-left-panel{height:200px;padding:40px!important}.modal-right-panel{padding:40px 30px!important}.hero-content h1{font-size:32px!important}}.login-modal-container{background:#fff;border-radius:16px;width:1000px;max-width:95%;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0006}.modal-close-btn{cursor:pointer;color:#111;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{background:#f1f5f9;transform:rotate(90deg)}.modal-left-panel{color:#fff;background:#0f172a url(https://images.unsplash.com/photo-1563720223185-11003d516935?w=1200&q=80) 50%/contain no-repeat;flex-direction:column;justify-content:space-between;width:48%;padding:60px 48px;display:flex}.brand-header{align-items:center;gap:12px;display:flex}.hero-content h1{letter-spacing:-1.5px;white-space:nowrap;margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.1}.divider{text-align:center;color:#94a3b8;align-items:center;margin:32px 0 24px;font-size:14px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.divider span{padding:0 16px;font-weight:500}.social-login-group{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.social-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.social-btn img{width:20px;height:20px}.dashboard-container{color:#1e293b;background-color:#f8f9fb;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;font-family:Inter,sans-serif;display:flex;position:relative}.dash-sidebar{z-index:100;background-color:#fff;border-right:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.sidebar-header{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-icon-box{background-color:#38bdf8;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-text-col{flex-direction:column;display:flex}.brand-name{margin:0;font-size:16px;font-weight:700;line-height:1.2}.brand-sub{color:#64748b;font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;display:flex}.nav-group{flex-direction:column;gap:8px;display:flex}.nav-item{color:#64748b;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#0f172a;background-color:#f1f5f9}.nav-item.active{color:#38bdf8;background-color:#f0f9ff}.nav-group-bottom{margin-top:40px}.nav-label{color:#94a3b8;letter-spacing:.5px;margin-bottom:12px;padding-left:16px;font-size:11px;font-weight:700;display:block}.sidebar-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:20px}.logout-link{color:#ef4444;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.dash-main{flex:1;margin-left:0;padding:32px 48px;overflow-x:hidden}.dash-main>*{width:100%;margin-left:auto;margin-right:auto}.dash-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.dash-header h1{align-items:center;gap:8px;margin:0;font-size:24px;font-weight:700;display:flex}.active-dot{background-color:#38bdf8;border-radius:50%;width:6px;height:6px;margin-top:4px}.header-actions{align-items:center;gap:16px;display:flex}.icon-btn-round{cursor:pointer;color:#1e293b;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 1px 3px #0000000d}.user-profile-pic{cursor:pointer;border-radius:50%;width:40px;height:40px;overflow:hidden}.profile-gradient{background:linear-gradient(135deg,#f59e0b,#d97706);width:100%;height:100%}.overview-section{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.overview-text h2{color:#0f172a;margin:0 0 8px;font-size:32px;font-weight:700}.overview-text p{color:#64748b;margin:0;font-size:14px}.mini-stats-row{gap:20px;display:flex}.mini-stat-card{background:#fff;border-radius:12px;min-width:160px;padding:16px 24px;box-shadow:0 1px 3px #0000000d}.mini-stat-card .lbl{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.mini-stat-card .val{color:#0f172a;font-size:28px;font-weight:700}.content-section{margin-bottom:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.view-all-link{color:#38bdf8;font-size:13px;font-weight:600;text-decoration:none}.comparison-cards-row{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.comparison-card{background:#fff;border:1px solid #f8fafc;border-radius:16px;padding:20px;transition:transform .2s;box-shadow:0 2px 5px #00000008}.comparison-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.comp-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.car-imgs-pair{display:flex}.car-thumb{background-color:#e2e8f0;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:4px;width:60px;height:40px;box-shadow:0 2px 4px #0000001a}.car-thumb.c1{z-index:1;background-color:#4ade80;transform:rotate(-5deg)}.car-thumb.c2{z-index:2;background-color:#60a5fa;margin-left:-15px;transform:rotate(5deg)}.car-thumb.c3{z-index:1;background-color:#f87171;transform:rotate(-5deg)}.car-thumb.c4{z-index:2;background-color:#a78bfa;margin-left:-15px;transform:rotate(5deg)}.car-thumb.c5{z-index:1;background-color:#fbbf24;transform:rotate(-5deg)}.car-thumb.c6{z-index:2;background-color:#9ca3af;margin-left:-15px;transform:rotate(5deg)}.saved-date{text-align:right}.saved-date span{color:#94a3b8;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.saved-date strong{color:#0f172a;font-size:12px}.comparison-card h4{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.comparison-card p{color:#64748b;margin:0 0 20px;font-size:13px}.btn-view-comp{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:8px;width:100%;padding:12px;font-size:13px;font-weight:600}.split-section-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.feature-block-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 2px 5px #00000008}.block-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.block-header h3{margin:0;font-size:18px;font-weight:700}.link-action{color:#38bdf8;font-size:13px;font-weight:600;text-decoration:none}.empty-state-content{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.illus-circle{background-color:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.empty-state-content h3{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.empty-state-content p{color:#64748b;max-width:280px;font-size:14px;line-height:1.5}body.dashboard-active .footer{width:calc(100% - 260px);margin-left:260px}@media (max-width:900px){.comparison-cards-row,.split-section-row{grid-template-columns:1fr}.dash-main{margin-left:0;padding:20px}.dash-sidebar{display:none}body.dashboard-active .footer{width:100%;margin-left:0}}body.dark-mode,body.dark-mode .dashboard-container{color:#f8fafc;background-color:#0f172a}body.dark-mode .dash-sidebar{background-color:#1e293b;border-right:1px solid #334155}body.dark-mode .brand-name{color:#f8fafc}body.dark-mode .brand-sub,body.dark-mode .nav-item{color:#94a3b8}body.dark-mode .nav-item:hover{color:#f8fafc;background-color:#334155}body.dark-mode .nav-item.active{color:#38bdf8;background-color:#38bdf826}body.dark-mode .nav-label{color:#64748b}body.dark-mode .sidebar-footer{border-top-color:#334155}body.dark-mode .dash-header h1{color:#f8fafc}body.dark-mode .icon-btn-round{color:#f8fafc;background-color:#1e293b;box-shadow:0 1px 3px #0003}body.dark-mode .overview-text h2{color:#f8fafc}body.dark-mode .overview-text p{color:#94a3b8}body.dark-mode .mini-stat-card{background-color:#1e293b;box-shadow:0 1px 3px #0003}body.dark-mode .mini-stat-card .val{color:#f8fafc}body.dark-mode .mini-stat-card .lbl{color:#94a3b8}body.dark-mode .section-header h3{color:#f8fafc}body.dark-mode .comparison-card,body.dark-mode .feature-block-card{background-color:#1e293b;border-color:#334155;box-shadow:0 2px 5px #0003}body.dark-mode .comparison-card h4,body.dark-mode .empty-state-content h3{color:#f8fafc}body.dark-mode .comparison-card p,body.dark-mode .empty-state-content p{color:#94a3b8}body.dark-mode .car-thumb{border-color:#1e293b}body.dark-mode .illus-circle{background-color:#334155}body.dark-mode .saved-date strong{color:#f8fafc}body.dark-mode .settings-container{box-shadow:none!important;background-color:#1e293b!important}body.dark-mode .settings-group h3{color:#f8fafc!important}body.dark-mode .form-group label{color:#94a3b8!important}body.dark-mode input,body.dark-mode select{color:#f8fafc!important;background-color:#334155!important;border-color:#475569!important}body.dark-mode .support-btn{background-color:#334155!important;border-color:#475569!important}body.dark-mode .support-btn span{color:#f8fafc!important}body.dark-mode hr{border-top-color:#334155!important}body.dark-mode .toggles-list h4{color:#f8fafc!important}body.dark-mode .toggles-list p{color:#94a3b8!important}body.compact-mode .dash-main{padding:16px 24px}body.compact-mode .dash-header{margin-bottom:20px}body.compact-mode .overview-section{margin-bottom:16px}body.compact-mode .content-section{margin-bottom:20px}body.compact-mode .section-header{margin-bottom:12px}body.compact-mode .comparison-cards-row{gap:16px}body.compact-mode .comparison-card{padding:16px}body.compact-mode .mini-stats-row{gap:12px}body.compact-mode .mini-stat-card{min-width:140px;padding:12px 16px}body.compact-mode .nav-item{padding:8px 12px}body.compact-mode .sidebar-header{margin-bottom:24px}body.compact-mode .nav-group-bottom{margin-top:24px}.transaction-content{padding:40px 0 80px}.transaction-nav{margin-bottom:32px}.back-link{color:var(--text-gray);align-items:center;gap:8px;font-weight:500;display:inline-flex}.back-link:hover{color:#1fa2ff}.summary-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.summary-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.summary-card span{color:var(--text-gray);margin-bottom:8px;font-size:13px;display:block}.summary-card strong{color:var(--text-dark);font-size:24px}.transactions-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.card-header h2{font-size:18px}.transactions-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:1fr 1fr 2fr .8fr 1.2fr 1fr .5fr;align-items:center;gap:16px;padding:16px 24px;display:grid}.table-header{color:var(--text-gray);background:var(--bg-light);font-size:13px;font-weight:500}.table-row{border-bottom:1px solid #f3f4f6}.table-row:last-child{border-bottom:none}.txn-id{color:var(--text-gray);font-family:monospace}.txn-desc{font-weight:500}.txn-type{border-radius:var(--radius-full);width:fit-content;padding:4px 12px;font-size:12px;font-weight:500}.txn-type.sale{color:#1fa2ff;background:#10b9811a}.txn-type.purchase{color:#1fa2ff;background:#3b82f61a}.txn-type.report,.txn-type.service{color:#8fbc8f;background:#ffb8001a}.txn-amount{color:var(--text-dark);align-items:center;gap:4px;font-weight:600;display:flex}.status{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.status.completed{color:#1fa2ff;background:#10b9811a}.status.pending{color:var(--warning);background:#f59e0b1a}.action-btn{background:var(--bg-light);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-gray);justify-content:center;align-items:center;display:flex}.action-btn:hover{color:#1fa2ff}@media (max-width:1024px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr;gap:8px}.table-header span:nth-child(2),.table-header span:nth-child(4),.table-header span:nth-child(7),.table-row span:nth-child(2),.table-row span:nth-child(4),.table-row span:nth-child(7){display:none}}.test-drive-page-container{background-image:linear-gradient(#0f172ab3,#0f172ab3),url(https://images.unsplash.com/photo-1503376780353-7e6692767b70?w=1920&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;padding-bottom:60px;font-family:Inter,sans-serif}.td-main-content{max-width:800px;margin:0 auto;padding:100px 20px 60px}.td-header-center{text-align:center;margin-bottom:40px}.td-header-center h1{color:#fff;text-shadow:0 4px 6px #0000004d;margin:0 0 12px;font-size:42px;font-weight:800}.td-header-center p{color:#cbd5e1;margin:0;font-size:18px}.booking-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;flex-direction:column;align-items:center;padding:40px;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.visit-center-badge{color:#0ea5e9;letter-spacing:.5px;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;align-items:center;gap:6px;margin-bottom:32px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}.form-section{width:100%;margin-bottom:32px}.section-label{color:#1e293b;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.custom-select-box{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:16px;display:flex}.dropdown-container{width:100%;position:relative}.branch-select{color:#1e293b;cursor:pointer;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s}.branch-select:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.time-select{color:#1e293b;cursor:pointer;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 20px;font-size:15px;font-weight:500;transition:all .2s}.time-select:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.select-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.scroll-container-wrapper{width:100%;margin-bottom:24px}.horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:10px 4px;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.selectors-container{flex-direction:column;gap:32px;width:100%;margin-bottom:32px;display:flex}.selector-full-width{width:100%}.calendar-widget{background:0 0;border:none;padding:0}.date-grid-view{flex-wrap:wrap;gap:12px;padding-bottom:10px;display:flex}.cal-day-col{flex-direction:column;align-items:center;gap:8px;display:flex}.date-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:65px;height:85px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.date-btn:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.date-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;transform:scale(1.05);box-shadow:0 10px 15px -3px #0f172a4d}.date-month{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:600}.date-btn.active .date-month{color:#94a3b8}.date-num{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2}.date-btn.active .date-num{color:#fff}.date-day{color:#64748b;margin-top:2px;font-size:11px;font-weight:500}.date-btn.active .date-day{color:#94a3b8}.time-chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:500;transition:all .2s}.time-chip:hover{border-color:#cbd5e1}.time-chip.active{color:#0f172a;background-color:#7dd3fc;border-color:#7dd3fc;font-weight:700;box-shadow:0 4px 6px #7dd3fc66}.user-details-row{grid-template-columns:1fr 1fr;gap:32px;width:100%;margin-bottom:40px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.clean-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:14px;font-size:14px;transition:border-color .2s}.clean-input:focus{border-color:#38bdf8}.btn-confirm-booking{color:#fff;cursor:pointer;background-color:#1e293b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:16px;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.btn-confirm-booking:hover{background-color:#0f172a}.terms-text{color:#94a3b8;font-size:11px}.td-trust-footer{justify-content:center;gap:40px;margin-top:40px;display:flex}.trust-item{align-items:center;gap:8px;display:flex}.trust-icon-box{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.trust-icon-box.check,.trust-icon-box.cal,.trust-icon-box.clock{background-color:#38bdf8}.trust-item span{color:#e2e8f0;font-size:12px;font-weight:600}.success-view{text-align:center;padding-top:60px;padding-bottom:60px}.success-icon-large{background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;display:flex;box-shadow:0 10px 15px -3px #10b98166}.success-msg{color:#64748b;margin-bottom:40px;font-size:16px}.confirmation-details{background:#f8fafc;border-radius:12px;width:100%;max-width:400px;margin-bottom:32px;padding:24px}.conf-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:8px 0;display:flex}.conf-row:last-child{border-bottom:none}.conf-label{color:#94a3b8;font-size:14px;font-weight:500}.conf-val{color:#0f172a;font-size:14px;font-weight:600}.contact-info-text{color:#94a3b8;margin-bottom:24px;font-size:13px}@media (max-width:768px){.split-selectors-row,.user-details-row{grid-template-columns:1fr}}.health-page{padding:40px 0 80px}.health-header{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:48px;padding:32px;display:flex}.health-header h1{margin-bottom:8px;font-size:28px}.health-header p{color:var(--text-gray)}.health-score-card{flex-direction:column;align-items:center;gap:8px;display:flex}.score-circle{color:#fff;background:#1fa2ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 12px #1fa2ff4d}.score-circle small{opacity:.8;font-size:10px}.health-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.health-card{background:var(--bg-white);border-radius:var(--radius-lg);transition:var(--transition-normal);border:1px solid #0000;align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative}.health-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.health-card.green{border-color:#1fa2ff33}.health-card.orange{border-color:#f59e0b33}.hc-icon{background:var(--bg-light);color:var(--text-dark);border-radius:12px;padding:12px}.hc-content h3{margin-bottom:4px;font-size:16px}.hc-status{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.green .hc-status{color:#1fa2ff}.orange .hc-status{color:var(--warning)}.hc-content p{color:var(--text-gray);font-size:13px}.hc-badge{opacity:.5;position:absolute;top:16px;right:16px}.green .hc-badge{color:#1fa2ff}.orange .hc-badge{color:var(--warning)}.health-actions{justify-content:center;gap:16px;display:flex}@media (max-width:768px){.health-header{text-align:center;flex-direction:column;gap:24px}.health-grid{grid-template-columns:1fr}}.checkout-page{padding:40px 0 80px}.checkout-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:48px;display:grid}.section-header h1{margin-bottom:8px;font-size:28px}.section-header p{color:var(--text-gray);margin-bottom:32px}.form-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:32px}.form-card h3{color:var(--primary-dark);align-items:center;gap:12px;margin-bottom:24px;display:flex}.payment-options{gap:16px;margin-bottom:24px;display:flex}.payment-option{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:2px solid #e5e7eb;flex-direction:column;flex:1;align-items:center;gap:12px;padding:20px;display:flex}.payment-option:hover{background:#1fa2ff0d;border-color:#0f4c81}.payment-option.selected{background:#0f4c810d;border-color:#0f4c81}.payment-option input{display:none}.payment-option svg{color:var(--text-gray)}.payment-option.selected svg{color:var(--primary-dark)}.payment-option span{font-size:14px;font-weight:500}.card-details-form{background:var(--bg-light);border-radius:var(--radius-lg);border:1px solid #e5e7eb;margin-top:16px;padding:20px;animation:.5s fadeIn}.card-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pay-btn{margin-top:16px;padding:16px;font-size:16px;transition:all .3s;position:relative;overflow:hidden}.pay-btn:disabled{background:var(--text-gray);cursor:not-allowed}.processing-content{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.secure-note{text-align:center;color:var(--text-gray);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.upi-scanner-section{text-align:center;background:var(--bg-light);border-radius:var(--radius-lg);border:1px dashed #e5e7eb;margin-top:16px;padding:24px;animation:.5s fadeIn}.qr-container{width:200px;margin:0 auto 16px;position:relative}.qr-placeholder{border-radius:var(--radius-md);background:#fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.qr-placeholder img{object-fit:contain;width:100%;height:100%;padding:10px}.qr-overlay{width:100%;height:100%;color:var(--error);text-transform:uppercase;background:#ffffffe6;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;top:0;left:0}.upi-timer-box{color:var(--text-dark);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.timer-low{color:var(--error);animation:1s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.scan-instruction{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:500}.upi-apps{color:var(--text-gray);justify-content:center;gap:12px;font-size:12px;display:flex}.order-summary{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:32px;position:sticky;top:100px}.order-summary h3{margin-bottom:24px;font-size:20px}.summary-row{color:var(--text-gray);justify-content:space-between;margin-bottom:16px;display:flex}.summary-row strong{color:var(--text-dark)}.summary-divider{background:#8fbc8f;height:1px;margin:20px 0}.summary-row.highlight{color:var(--primary-dark);margin-bottom:0;font-size:18px;font-weight:700}.booking-amt{color:#1fa2ff}.summary-info{color:#1fa2ff;border-radius:var(--radius-md);background:#0f4c81;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:12px;font-size:13px;font-weight:500;display:flex}@media (max-width:768px){.checkout-grid{grid-template-columns:1fr}.order-summary{order:-1;position:static}.payment-options{flex-direction:column}.card-row{grid-template-columns:1fr;gap:0}}.confirm-page{justify-content:center;align-items:center;min-height:80vh;padding:80px 0;display:flex}.confirm-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;max-width:600px;margin:0 auto;padding:60px 40px}.success-icon-lg{color:#1fa2ff;margin-bottom:32px;animation:2s infinite pulse}.confirm-card h1{color:var(--text-dark);margin-bottom:16px;font-size:32px}.order-msg{color:var(--text-gray);margin-bottom:40px}.order-id-box{background:var(--bg-light);border-radius:var(--radius-lg);border:2px dashed #e5e7eb;margin-bottom:48px;padding:24px}.order-id-box span{color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;display:block}.order-id-box strong{color:var(--primary-dark);letter-spacing:2px;font-size:32px}.confirm-steps{text-align:left;border-radius:var(--radius-lg);background:#0a162808;margin-bottom:48px;padding:32px}.confirm-steps h3{margin-bottom:24px;font-size:18px}.step-item{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.step-num{color:#fff;background:#1fa2ff;border-radius:50%;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.step-item p{color:var(--text-dark);margin:0;padding-top:4px;font-size:15px}.confirm-actions{justify-content:center;gap:16px;display:flex}.confirm-actions .btn-outline{color:var(--primary-dark);border-color:var(--primary-dark)}.confirm-actions .btn-outline:hover{background:var(--primary-dark);color:#fff}@media (max-width:480px){.confirm-card{padding:40px 24px}.confirm-actions{flex-direction:column}}.compare-page{background-color:#f8f9fb;min-height:100vh;padding-top:100px;padding-bottom:60px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.compare-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.compare-breadcrumbs a{color:#64748b;text-decoration:none;transition:color .2s}.compare-breadcrumbs a:hover{color:#0f172a}.compare-breadcrumbs .current{color:#0f172a;font-weight:500}.compare-header{margin-bottom:30px}.compare-header h1{color:#0f172a;margin-bottom:8px;font-size:32px;font-weight:700}.compare-header p{color:#64748b;font-size:16px}.comparison-wrapper{background:#fff;border-radius:20px;align-items:flex-start;gap:30px;padding:30px;display:block;box-shadow:0 4px 6px -1px #0000000d}.comparison-container{flex-direction:column;display:flex}.comparison-row{border-bottom:1px solid #f1f5f9;grid-template-columns:280px 1fr 1fr 1fr;display:grid}.comparison-row:last-child{border-bottom:none}.col-label{color:#64748b;align-items:center;padding:20px 0;font-size:14px;font-weight:500;display:flex}.col-val{color:#0f172a;align-items:center;padding:20px;font-size:15px;font-weight:600;display:flex}.col-car{padding:0 15px 20px;position:relative}.car-card-compare{text-align:left;position:relative}.remove-car{color:#fff;cursor:pointer;z-index:10;background:#000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 4px #0000001a}.car-image-wrapper{background:#f8fafc;border-radius:12px;width:100%;height:0;margin-bottom:12px;padding-bottom:100%;position:relative;overflow:hidden}.car-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.car-card-compare:hover .car-image-wrapper img{transform:scale(1.05)}.car-name{color:#020617;margin-bottom:4px;font-size:18px;font-weight:800;line-height:1.2}.car-variant{color:#334155;margin-bottom:12px;font-size:14px;font-weight:600}.car-price{color:#2563eb;margin-bottom:4px;font-size:18px;font-weight:700}.car-on-road{color:#0f172a;border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:10px;font-size:13px;font-weight:500}.modal-car-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-height:60vh;margin-top:20px;padding:10px;display:grid;overflow-y:auto}.modal-car-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.modal-car-card:hover{border-color:#2563eb;transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.modal-car-card.disabled{opacity:.7;cursor:default;pointer-events:none;border-color:#e2e8f0}.card-image{background:#f8fafc;width:100%;height:160px;position:relative}.card-image img{object-fit:cover;width:100%;height:100%}.selected-overlay{color:#fff;background:#2563ebcc;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-weight:600;display:flex;position:absolute;top:0;left:0}.card-details{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card-details h4{color:#0f172a;margin:0;font-size:16px;font-weight:700}.card-specs{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.dot{color:#cbd5e1}.card-price{color:#0f172a;flex-direction:column;margin-top:8px;font-size:18px;font-weight:700;line-height:1.2;display:flex}.price-label{color:#94a3b8;font-size:11px;font-weight:500}.btn-add-car{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:auto;padding:10px;font-size:14px;font-weight:600;transition:background .2s}.btn-add-car:hover{background:#1d4ed8}.btn-add-car.added{cursor:default;background:#10b981}.add-car-card{color:#64748b;cursor:pointer;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;margin-top:20px;transition:all .2s;display:flex}.add-car-card:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.add-icon{width:40px;height:40px;color:inherit;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;display:flex}.section-title{color:#0b1f33;background:#fafafa;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;margin-top:10px;padding:24px 0 12px 10px;font-size:16px;font-weight:700;display:flex}.section-icon{font-size:18px}.winner-badge{color:#166534;text-transform:uppercase;background:#dcfce7;border-radius:100px;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.bool-yes{color:#16a34a;align-items:center;gap:6px;display:flex}.bool-no{color:#94a3b8;align-items:center;gap:6px;display:flex}.footer-row{background:#f8fafc;border-top:2px solid #e2e8f0;align-items:center;padding-top:40px;padding-bottom:40px}.verdict-label{color:#0f172a;text-transform:uppercase;letter-spacing:1px;font-size:18px;font-weight:800}.best-choice-badge{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;animation:2s infinite pulse-gold;display:inline-flex;box-shadow:0 4px 6px -1px #d977064d}.alt-choice-text{color:#64748b;background:#f1f5f9;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.best-value-col{position:relative}@keyframes pulse-gold{0%{transform:scale(1);box-shadow:0 4px 6px -1px #d977064d}50%{transform:scale(1.05);box-shadow:0 10px 15px -3px #d9770666}to{transform:scale(1);box-shadow:0 4px 6px -1px #d977064d}}.header-row .col-label.empty-label{flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:20px;display:flex}.comparison-controls-internal{padding-top:10px}.toggle-switch{vertical-align:middle;width:40px;height:22px;margin-right:10px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#2563eb}input:checked+.slider:before{transform:translate(18px)}.control-label{color:#334155;font-size:13px;font-weight:600}.price-note{color:#94a3b8;margin-top:12px;font-size:10px}@media (max-width:900px){.comparison-row{grid-template-columns:150px 1fr 1fr}.col-car:last-child{display:none}}.modal-car-item img{object-fit:cover;background:#f1f5f9;border-radius:6px;width:80px;height:50px}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content-large{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;padding:24px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.close-modal{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-modal:hover{color:#0f172a;background:#e2e8f0}.modal-search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.modal-search-bar:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.modal-search-bar input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.search-icon{color:#94a3b8}.inspection-report-page{background-color:#f8fafc;min-height:100vh;padding:100px 0 60px}.report-breadcrumbs{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.report-breadcrumbs span{cursor:pointer}.report-breadcrumbs .current{color:#1e293b;font-weight:500}.report-header-main{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-left h1{color:#1e293b;margin-bottom:8px;font-size:32px;font-weight:800}.header-badges{align-items:center;gap:12px;display:flex}.badge-verified{color:#10b981;background-color:#ecfdf5;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:700}.report-id-text{color:#64748b;font-size:14px}.btn-download-pdf{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-download-pdf:hover{background-color:#059669;transform:translateY(-2px)}.quick-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.stat-label{color:#94a3b8;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.stat-value{color:#1e293b;font-size:20px;font-weight:700}.score-and-engine-grid,.chassis-and-interior-grid{grid-template-columns:350px 1fr;gap:24px;margin-bottom:24px;display:grid}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.section-card h3{color:#1e293b;margin-bottom:24px;font-size:18px;font-weight:700}.trust-score-card{text-align:center}.gauge-container{padding:20px 0}.gauge-circle{border:12px solid #10b981;border-color:#10b981 #10b981 #f1f5f9 #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;display:flex}.gauge-inner{flex-direction:column;display:flex}.main-score{color:#1e293b;font-size:48px;font-weight:800;line-height:1}.out-of{color:#94a3b8;font-size:10px;font-weight:700}.score-status{color:#10b981;font-size:14px;font-weight:600}.engine-section,.interior-section,.tires-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px}.section-header-icon{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-header-icon h2{color:#1e293b;font-size:22px;font-weight:700}.icon-green{color:#10b981}.icon-blue{color:#3b82f6}.health-details-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.health-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:20px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.h-label{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.status-v-green{color:#10b981}.status-v-orange{color:#f59e0b}.h-status{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:700}.h-desc{color:#64748b;font-size:13px;line-height:1.5}.chassis-card .card-top-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chassis-card h3{margin-bottom:0}.badge-minor{color:#d97706;background-color:#fef3c7;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.car-wireframe-view{background-color:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px;position:relative}.wireframe-img{border-radius:8px;width:100%;height:auto}.point-orange{background-color:#f59e0b;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 10px #f59e0b80}.point-red{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 10px #ef444480}.pos-hood{top:30%;left:30%}.pos-rear{bottom:30%;right:20%}.legend-row{flex-direction:column;gap:8px;display:flex}.leg-item{color:#64748b;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.dot-red{background:#ef4444;border-radius:50%;width:8px;height:8px}.dot-orange{background:#f59e0b;border-radius:50%;width:8px;height:8px}.dot-green{background:#10b981;border-radius:50%;width:8px;height:8px}.tires-section{margin-bottom:24px}.tires-table-container{margin-top:16px}.report-table{border-collapse:collapse;width:100%}.report-table th{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:11px;font-weight:700}.report-table td{color:#1e293b;border-bottom:1px solid #f8fafc;padding:16px;font-size:14px;font-weight:500}.tbl-badge-green{color:#10b981;background-color:#ecfdf5;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.tbl-badge-orange{color:#d97706;background-color:#fef3c7;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.final-summary-box{background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:20px;padding:40px}.summary-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.summary-header h2{color:#064e3b;font-size:20px;font-weight:700}.icon-dark{color:#064e3b}.summary-text{color:#065f46;margin-bottom:32px;font-size:16px;font-style:italic;font-weight:500;line-height:1.8}.inspector-footer{border-top:1px solid #10b98133;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.inspector-info{align-items:center;gap:16px;display:flex}.inspector-avatar{color:#fff;background-color:#064e3b;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.inspector-meta{flex-direction:column;display:flex}.inspector-meta strong{color:#064e3b;font-size:16px}.inspector-meta span{color:#059669;font-size:11px;font-weight:600}.btn-talk-inspector{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .2s;display:flex}.btn-talk-inspector:hover{transform:scale(1.05)}@media (max-width:1024px){.score-and-engine-grid,.chassis-and-interior-grid{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}.video-card{flex-direction:column;display:flex}.video-container{background:#000;border-radius:12px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.car-video-player{aspect-ratio:16/9;width:100%;height:auto;display:block}.video-meta-row{border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:16px;display:flex}.meta-item{flex-direction:column;align-items:center;display:flex}.meta-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.meta-value{color:#1e293b;font-size:14px;font-weight:600}.not-found-container{text-align:center;background-color:#f8fafc;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.not-found-content{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:60px 40px;box-shadow:0 10px 30px #0000000d}.not-found-icon{color:#ef4444;margin-bottom:20px}.not-found-content h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:80px;font-weight:800;line-height:1}.not-found-content h2{color:#1e293b;margin:10px 0 20px;font-size:24px}.not-found-content p{color:#64748b;margin-bottom:30px;line-height:1.6}.home-btn{color:#fff;background:#0f172a;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.home-btn:hover{background:#1e293b;transform:translateY(-2px)}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-up{animation:.5s ease-out forwards slideUp}.chatbot-fab{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#ff4d4d 0%,#c70039 100%);border:none;border-radius:50px;align-items:center;gap:12px;padding:12px 24px 12px 12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #e71d3666}.chatbot-fab:hover{transform:translateY(-5px);box-shadow:0 8px 25px #e71d3699}.fab-icon-wrapper{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fab-label{letter-spacing:.5px;font-size:16px;font-weight:600}.chatbot-window{z-index:9999;background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;width:380px;height:600px;max-height:80vh;animation:.3s ease-out forwards slideUp;display:flex;position:fixed;bottom:100px;right:30px;overflow:hidden;box-shadow:0 10px 40px #00000026}.chatbot-header{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);justify-content:space-between;align-items:center;padding:16px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.bot-avatar{background:#ffffff26;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header-info h3{margin:0;font-size:16px;font-weight:600}.status-indicator{opacity:.9;align-items:center;gap:6px;font-size:12px;display:flex}.status-indicator:before{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;display:block}.status-indicator.offline:before{background:#f59e0b}.status-indicator.checking:before{background:#eab308;animation:1s infinite pulse}.close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px}.close-btn:hover{opacity:1}.chatbot-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;position:relative;overflow-y:auto}.connecting-overlay{text-align:center;color:#64748b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-loader{color:#3b82f6;margin-bottom:8px;animation:1s linear infinite spin}.message-row{align-items:flex-end;gap:8px;max-width:85%;display:flex}.message-row.user{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.message-bubble{border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 2px 5px #0000000d}.message-bubble p{margin:0 0 4px}.message-bubble p:last-child{margin-bottom:0}.message-row.bot .message-bubble{color:#1e293b;background:#fff;border-bottom-left-radius:4px}.message-row.user .message-bubble{color:#fff;background:#3b82f6;border-bottom-right-radius:4px}.msg-time{opacity:.7;text-align:right;margin-top:4px;font-size:10px;display:block}.message-row.user .msg-time{color:#fffc}.message-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.message-options button{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:20px;padding:6px 12px;font-size:12px;transition:all .2s}.message-options button:hover{color:#fff;background:#3b82f6}.typing-indicator span{background:#94a3b8;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.4s ease-in-out infinite both bounce;display:inline-block}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-input{background:#fff;border-top:1px solid #e2e8f0;padding:16px}.chatbot-input form{gap:10px;display:flex}.chatbot-input input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;outline:none;flex:1;padding:10px 16px;font-size:14px}.chatbot-input input:focus{background:#fff;border-color:#3b82f6}.chatbot-input button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.chatbot-input button:hover{background:#2563eb}.chatbot-input button:disabled{cursor:not-allowed;background:#cbd5e1}