/* vindatahub CSS bundle - generated, do not edit; sources in cascade order: styles.css base.css header.css footer.css forms.css auth.css preview.css dashboard.css purchase.css purchase-success.css report/specifications.css report/vehicle-preview.css report/ai-description.css report.css report/charts/price-history.css report/charts/mileage-history.css report/charts.css report/advanced-features.css reports.css pricing.css home/sections.css why-choose-us.css profile.css settings.css contact.css about.css faq.css scanning.css mobile.css privacy.css terms.css disclaimer.css language-popup.css blog.css notifications.css */
.flash-message{padding: 1rem;border-radius: 0.5rem;display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem;animation: slideIn 0.3s ease-out}.flash-message.success{background-color: #ecfdf5;color: #059669;border: 1px solid #a7f3d0}.flash-message.error{background-color: #fef2f2;color: #dc2626;border: 1px solid #fecaca}.flash-message i{width: 20px;height: 20px}@keyframes slideIn{from{transform: translateY(-20px);opacity: 0}to{transform: translateY(0);opacity: 1}}:root{--primary-color: #2563eb;--secondary-color: #1e40af;--accent-color: #22c55e;--text-color: #1f2937;--light-gray: #f3f4f6;--white: #ffffff}#main-content{margin-top:80px}body{font-family: 'Inter', sans-serif;color: var(--text-color);line-height: 1.6;margin: 0;padding: 0}.container{max-width: 1200px;margin: 0 auto;padding: 0 1rem}.hero-section{background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));min-height: 600px;padding: 4rem 1rem;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;overflow: hidden}.hero-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1920&q=80') center/cover;opacity: 0.1}.hero-content{position: relative;z-index: 1;max-width: 800px;margin: 0 auto}.hero-section h1{color: var(--white);font-size: 3.5rem;font-weight: 800;margin-bottom: 1.5rem;line-height: 1.2}.hero-subtitle{color: var(--white);font-size: 1.25rem;margin-bottom: 2.5rem;opacity: 0.9}.vin-search-form{max-width: 600px;margin: 0 auto}.search-container{display: flex;gap: 1rem;background: var(--white);padding: 0.5rem;border-radius: 0.5rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.vin-input{flex: 1;padding: 1rem;border: 1px solid #e5e7eb;border-radius: 0.375rem;font-size: 1rem;outline: none;transition: border-color 0.2s}.vin-input:focus{border-color: var(--primary-color)}.search-button{background: var(--accent-color);color: var(--white);padding: 1rem 2rem;border: none;border-radius: 0.375rem;font-weight: 600;cursor: pointer;transition: background-color 0.2s;text-transform: uppercase}.search-button:hover{background: #16a34a}.features-section{padding: 6rem 1rem;background: var(--white)}.features-section h2{text-align: center;font-size: 2.5rem;margin-bottom: 3rem}.features-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem}.feature-card{background: var(--white);border-radius: 1rem;padding: 2rem;text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: transform 0.3s}.feature-card:hover{transform: translateY(-5px)}.feature-card img{width: 100%;height: 200px;object-fit: cover;border-radius: 0.5rem;margin-bottom: 1.5rem}.feature-card h3{font-size: 1.5rem;margin-bottom: 1rem}.how-it-works-section{padding: 6rem 1rem;background: var(--light-gray)}.how-it-works-section h2{text-align: center;font-size: 2.5rem;margin-bottom: 3rem}.steps-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem}.step-card{background: var(--white);border-radius: 1rem;padding: 2rem;text-align: center;position: relative}.step-number{background: var(--primary-color);color: var(--white);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;margin: 0 auto 1.5rem}.trust-section{padding: 6rem 1rem;background: var(--white)}.trust-section h2{text-align: center;font-size: 2.5rem;margin-bottom: 3rem}.testimonials-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem}.testimonial-card{background: var(--light-gray);border-radius: 1rem;padding: 2rem;text-align: center}.testimonial-image{width: 80px;height: 80px;border-radius: 50%;margin-bottom: 1.5rem}.testimonial-card h4{margin: 1rem 0 0.5rem;color: var(--primary-color)}.testimonial-card span{color: #6b7280}.cta-section{padding: 6rem 1rem;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));text-align: center;color: var(--white)}.cta-section h2{font-size: 2.5rem;margin-bottom: 1rem}.cta-button{display: inline-block;background: var(--accent-color);color: var(--white);padding: 1rem 2rem;border-radius: 0.375rem;text-decoration: none;font-weight: 600;margin-top: 2rem;transition: background-color 0.2s}.cta-button:hover{background: #16a34a}.error-message{background: #fee2e2;color: #dc2626;padding: 1rem;border-radius: 0.375rem;margin-top: 1rem;text-align: center}.why-choose-us-section{padding: 6rem 1rem;background: var(--white);display: flex;align-items: center;gap: 3rem;flex-wrap: wrap}.why-choose-us-content{flex: 1;min-width: 300px}.why-choose-us-content h2{font-size: 2.5rem;margin-bottom: 1.5rem;text-align: left}.why-choose-us-content p{font-size: 1.1rem;color: #6b7280;margin-bottom: 1.5rem}.why-choose-us-list li{margin-bottom: 1rem;display: flex;align-items: center;gap: 0.75rem;font-weight: 500}.why-choose-us-list li i{color: var(--accent-color);font-size: 1.25rem}.why-choose-us-image{flex: 1;min-width: 300px;text-align: center}.why-choose-us-image img{max-width: 100%;height: auto;border-radius: 1rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}@media (max-width: 768px){.hero-section h1{font-size: 2.5rem}.search-container{flex-direction: column}.search-button{width: 100%}.why-choose-us-section{flex-direction: column;text-align: center}.why-choose-us-content h2{text-align: center}}
:root{--primary: #0056b3;--primary-dark: #004085;--secondary: #00d084;--secondary-dark: #00b873;--text-dark: #1e293b;--text-light: #64748b;--background-light: #f8fafc;--background-dark: #1e293b;--border-color: #e2e8f0}html, body{width: 100%;min-width: 100%;margin: 0;padding: 0;overflow-x: hidden}body{font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height: 1.6;color: var(--text-dark);background-color: var(--background-light);margin: 0;padding: 0}#main-content{width: 100%;min-width: 100%;margin-top: 80px;position: relative}.container{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 2rem;box-sizing: border-box}.btn{display: inline-flex;align-items: center;justify-content: center;padding: 1rem 2rem;border-radius: 0.75rem;font-weight: 600;transition: all 0.3s ease;text-decoration: none;cursor: pointer;border: none}.btn-primary{background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);color: white;box-shadow: 0 10px 20px rgba(0, 208, 132, 0.2)}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0, 208, 132, 0.3)}.btn-outline{background: transparent;border: 2px solid rgba(255, 255, 255, 0.2);color: white}.btn-outline:hover{background: rgba(255, 255, 255, 0.1);border-color: white}::-webkit-scrollbar{width: 10px}::-webkit-scrollbar-track{background: var(--background-light)}::-webkit-scrollbar-thumb{background: var(--primary);border-radius: 5px}::-webkit-scrollbar-thumb:hover{background: var(--primary-dark)}.navbar{width: 100%;min-width: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background-color: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08)}.navbar .container{display: flex;justify-content: space-between;align-items: center;height: 80px}
.header-logo{border-radius: 7px;max-width: 140px}.navbar{width: 100%;min-width: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background-color: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08)}.navbar .container{display: flex;justify-content: space-between;align-items: center;height: 80px}.navbar-brand{font-size: 1.75rem;font-weight: 800;background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: -0.5px;text-decoration: none}.nav-links{display: flex;align-items: center;gap: 2rem}.nav-link{color: var(--text-dark);text-decoration: none;font-weight: 500;transition: color 0.2s ease}.nav-link:hover{color: var(--primary)}.mobile-menu-btn{display: none;background: none;border: none;padding: 0.5rem;cursor: pointer;color: var(--text-dark);z-index: 1001}.mobile-menu-btn i{width: 24px;height: 24px}.navbar.scrolled{background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)}.language-switcher{display: inline-block;position: relative}.language-select{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;background: white;border: 1px solid #e2e8f0;border-radius: 0.375rem;cursor: pointer;user-select: none;transition: all 0.2s ease}.language-select:hover{border-color: #cbd5e1;background: #f8fafc}.flag-icon{width: 20px;height: 15px;object-fit: cover;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)}.selected-language{flex: 1;font-size: 0.875rem;color: #1e293b}.dropdown-arrow{width: 16px;height: 16px;color: #64748b;transition: transform 0.2s ease}.language-dropdown{display: none;position: absolute;top: 100%;margin-top: 0.25rem;background: white;border: 1px solid #e2e8f0;border-radius: 0.375rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);z-index: 50;max-height: 300px;overflow-y: auto}.language-dropdown-header{display: none;padding: 1rem;border-bottom: 1px solid #e2e8f0;justify-content: space-between;align-items: center}.language-dropdown-header h3{margin: 0;font-size: 1rem;font-weight: 600;color: #1e293b}.close-dropdown{background: none;border: none;padding: 0.25rem;cursor: pointer;color: #64748b}.language-dropdown.show{display: block}.language-option{display: flex;align-items: center;gap: 0.75rem;padding: 0.625rem 1rem;text-decoration: none;color: #1e293b;transition: all 0.2s ease}.language-option:hover{background: #f8fafc}.language-option.selected{background: #f1f5f9;font-weight: 500}.language-dropdown::-webkit-scrollbar{width: 6px}.language-dropdown::-webkit-scrollbar-track{background: #f1f5f9;border-radius: 3px}.language-dropdown::-webkit-scrollbar-thumb{background: #cbd5e1;border-radius: 3px}.language-dropdown::-webkit-scrollbar-thumb:hover{background: #94a3b8}@media (max-width: 640px){.mobile-menu-btn{display: block}.nav-links{position: fixed;top: 80px;left: 0;right: 0;bottom: 0;background: white;flex-direction: column;padding: 1rem;gap: 1rem;transform: translateX(-100%);transition: transform 0.3s ease-in-out;border-top: 1px solid #e2e8f0;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);overflow-y: auto;height: calc(100vh - 80px)}.nav-links.active{transform: translateX(0)}.nav-link{width: 100%;padding: 0.75rem 1rem;border-radius: 0.5rem}.nav-link:hover{background: #f8fafc}.language-switcher{order: -1;width: 100%;margin-bottom: 1rem;border-bottom: 1px solid #e2e8f0;padding-bottom: 1rem}.language-select{justify-content: space-between}.language-dropdown{display: none;position: unset;background: white;border-radius: 1rem;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);z-index: 1100}.language-dropdown.show{display: block}.language-dropdown::before{content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: -1}.language-option{padding: 1rem;border-bottom: 1px solid #e2e8f0}.language-option:last-child{border-bottom: none}.language-dropdown-header{display: flex}}
.footer{background: linear-gradient(135deg, #1a365d 0%, #0f172a 100%);color: #fff;padding: 5rem 0 2rem;position: relative;overflow: hidden}.footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--secondary) 0%, var(--primary) 50%, var(--secondary) 100% )}.footer-content{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.5fr;gap: 4rem;margin-bottom: 4rem}.footer-section{position: relative}.footer-title{color: #fff;font-size: 1.25rem;font-weight: 600;margin-bottom: 1.5rem;position: relative;padding-bottom: 0.75rem}.footer-title::after{content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background: var(--secondary);transition: width 0.3s ease}.footer-section:hover .footer-title::after{width: 60px}.footer-description{color: #94a3b8;line-height: 1.7;margin-bottom: 1.5rem}.footer-links{list-style: none;padding: 0;margin: 0}.footer-link{display: flex;align-items: center;color: #94a3b8;text-decoration: none;padding: 0.5rem 0;transition: all 0.3s ease}.footer-link i{margin-right: 0.5rem;opacity: 0;transform: translateX(-10px);transition: all 0.3s ease}.footer-link:hover{color: var(--secondary);transform: translateX(5px)}.footer-link:hover i{opacity: 1;transform: translateX(0)}.footer-social{display: flex;gap: 1rem;margin-top: 1.5rem}.social-link{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);color: #fff;transition: all 0.3s ease}.social-link:hover{background: var(--secondary);transform: translateY(-3px)}.footer-contact{list-style: none;padding: 0;margin: 0}.footer-contact li{align-items: flex-start;color: #94a3b8;margin-bottom: 1rem}.footer-contact i{margin-right: 1rem;margin-top: 0.25rem;color: var(--secondary)}.footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 2rem;margin-top: 2rem}.footer-bottom-content{display: flex;justify-content: space-between;align-items: center}.copyright{color: #94a3b8;font-size: 0.875rem}.footer-bottom-links{display: flex;gap: 2rem}.footer-bottom-links a{color: #94a3b8;text-decoration: none;font-size: 0.875rem;transition: color 0.3s ease}.footer-bottom-links a:hover{color: var(--secondary)}@media (max-width: 1024px){.footer-content{grid-template-columns: repeat(2, 1fr);gap: 3rem}}@media (max-width: 768px){.footer-content{grid-template-columns: 1fr;gap: 2rem;text-align: center}.footer-title::after{left: 50%;transform: translateX(-50%)}.footer-link{justify-content: center}.footer-contact li{justify-content: center}.footer-social{justify-content: center}.footer-bottom-content{flex-direction: column;gap: 1rem;text-align: center}.footer-bottom-links{justify-content: center}}
.search-form{background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(10px);border-radius: 1rem;padding: 0.75rem;max-width: 600px;margin: 0 auto;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)}.search-input{width: 100%;padding: 1.25rem;border: 2px solid rgba(255, 255, 255, 0.1);border-radius: 0.75rem;background: rgba(255, 255, 255, 0.95);font-size: 1.125rem;transition: all 0.3s ease}.search-input:focus{outline: none;border-color: var(--secondary);box-shadow: 0 0 0 4px rgba(0, 208, 132, 0.2)}.form-group{margin-bottom: 1.5rem}.form-label{display: block;margin-bottom: 0.5rem;font-weight: 500;color: var(--text-dark)}.form-input{width: 100%;padding: 0.75rem 1rem;border: 1px solid var(--border-color);border-radius: 0.5rem;background: white;transition: all 0.2s ease}.form-input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.1)}.form-error{color: #dc2626;font-size: 0.875rem;margin-top: 0.5rem}.input-error{border-color: #dc2626}.input-error:focus{border-color: #dc2626;box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1)}.input-success{border-color: var(--secondary)}.input-success:focus{border-color: var(--secondary);box-shadow: 0 0 0 3px rgba(0, 208, 132, 0.1)}
.auth-page{min-height: calc(100vh - 80px);padding: 4rem 1rem;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));display: flex;align-items: start;justify-content: center}.auth-card{background: white;border-radius: 1rem;padding: 2.5rem;max-width: 500px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1)}.auth-card h1{font-size: 2rem;font-weight: 700;color: var(--text-dark);margin-bottom: 0.5rem;text-align: center}.auth-subtitle{color: var(--text-light);text-align: center;margin-bottom: 2rem}.auth-form{margin-bottom: 1.5rem}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.form-group{margin-bottom: 1.5rem}.form-group label{display: block;font-weight: 500;margin-bottom: 0.5rem;color: var(--text-dark)}.form-input{width: 100%;padding: 0.75rem 0rem 0.75rem 0.65rem;border: 1px solid var(--border-color);border-radius: 0.5rem;font-size: 1rem;transition: all 0.2s}.form-input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)}.form-help{display: block;margin-top: 0.5rem;font-size: 0.875rem;color: var(--text-light)}.btn-auth{width: 100%;padding: 1rem;background: var(--primary-color);color: white;border: none;border-radius: 0.5rem;font-weight: 600;cursor: pointer;transition: all 0.2s}.btn-auth:hover{background: var(--secondary-color);transform: translateY(-1px)}.auth-links{text-align: center;font-size: 0.875rem;color: var(--text-light)}.auth-links a{color: var(--primary-color);text-decoration: none;font-weight: 500}.auth-links a:hover{text-decoration: underline}.auth-separator{margin: 0 0.5rem;color: var(--text-light)}.error-message{background: #fee2e2;color: #dc2626;padding: 1rem;border-radius: 0.5rem;margin-bottom: 1.5rem;text-align: center}.country-select-container{position: relative}.country-search{width: 100%;border: 1px solid var(--border-color);border-radius: 0.5rem;font-size: 1rem;background: white;cursor: pointer}.country-search:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)}.country-dropdown{position: absolute;top: 100%;left: 0;right: 0;max-height: 250px;overflow-y: auto;background: white;border: 1px solid var(--border-color);border-radius: 0.5rem;margin-top: 0.25rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 1000;display: none}.country-dropdown.active{display: block}.country-option{padding: 0.75rem 1rem;cursor: pointer;transition: background-color 0.2s}.country-option:hover{background-color: #f3f4f6}.country-option.selected{background-color: #e5e7eb}.country-option.hidden{display: none}@media (max-width: 640px){.form-row{grid-template-columns: 1fr}.auth-card{padding: 2rem}}.auth-page .auth-card{width: 100%;max-width: 500px;margin-left: auto;margin-right: auto}
.preview-page{max-width: 1160px;margin: 0 auto;padding: 1.5rem 1.5rem 3.5rem}.preview-page *, .preview-page *::before, .preview-page *::after{box-sizing: border-box}.pv-shell{display: grid;grid-template-columns: minmax(0, 1fr) 360px;gap: 1.5rem;align-items: start}.pv-hero{position: relative;overflow: hidden;border-radius: 1rem;padding: 1.5rem 1.75rem;margin-bottom: 1.25rem;background: radial-gradient(1200px 400px at 85% -20%, rgba(59, 130, 246, 0.35), transparent 60%), linear-gradient(135deg, #0f2557 0%, #16337a 55%, #1d449e 100%);color: #ffffff}.pv-hero::before{content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);background-size: 44px 44px;pointer-events: none}.pv-hero > *{position: relative}.pv-found-pill{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.35rem 0.85rem;border-radius: 999px;background: rgba(16, 185, 129, 0.16);border: 1px solid rgba(16, 185, 129, 0.45);color: #6ee7b7;font-size: 0.8rem;font-weight: 600;margin-bottom: 1.1rem}.pv-found-pill svg{width: 14px;height: 14px}.pv-hero-row{display: flex;align-items: center;gap: 1.1rem}.pv-logo{width: 62px;height: 62px;flex-shrink: 0;background: #ffffff;border-radius: 0.85rem;display: flex;align-items: center;justify-content: center;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25)}.pv-logo img{max-width: 46px;max-height: 46px;object-fit: contain}.pv-logo svg{width: 34px;height: 34px;color: #64748b}.pv-hero-text{min-width: 0;flex: 1}.pv-hero-text h1{margin: 0 0 0.5rem;font-size: 1.65rem;font-weight: 800;letter-spacing: -0.01em;line-height: 1.15;color: #ffffff}.pv-vin{display: inline-flex;align-items: center;gap: 0.5rem;font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace;font-size: 0.85rem;letter-spacing: 0.06em;color: #dbeafe;background: rgba(255, 255, 255, 0.09);border: 1px solid rgba(255, 255, 255, 0.16);border-radius: 0.5rem;padding: 0.3rem 0.7rem}.pv-vin span{font-family: inherit;font-size: 0.65rem;font-weight: 700;color: #93c5fd;letter-spacing: 0.12em}.pv-total{flex-shrink: 0;text-align: center;padding: 0.8rem 1.35rem;border-radius: 0.85rem;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.14);backdrop-filter: blur(4px)}.pv-total-num{font-size: 1.9rem;font-weight: 800;line-height: 1.05;color: #ffc400}.pv-total-lbl{font-size: 0.68rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.09em;color: #bfdbfe;margin-top: 0.25rem}.pv-records{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 1rem;padding: 1.4rem 1.5rem;box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05)}.pv-sec-head{margin-bottom: 1.1rem}.pv-sec-head h2{margin: 0 0 0.2rem;font-size: 1.12rem;font-weight: 700;color: #0f172a}.pv-sec-head p{margin: 0;font-size: 0.84rem;color: #64748b}.pv-rec-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem}.pv-rec{display: flex;align-items: center;gap: 0.85rem;padding: 0.85rem 1rem;border: 1px solid #e2e8f0;border-radius: 0.75rem;background: #f8fafc;position: relative;transition: border-color 0.15s ease, box-shadow 0.15s ease}.pv-rec:hover{border-color: #cbd5e1;box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06)}.pv-rec-ico{width: 42px;height: 42px;flex-shrink: 0;border-radius: 0.65rem;display: flex;align-items: center;justify-content: center}.pv-rec-ico svg{width: 21px;height: 21px}.pv-rec-ico.accident{background: #fee2e2;color: #dc2626}.pv-rec-ico.service{background: #dcfce7;color: #16a34a}.pv-rec-ico.ownership{background: #dbeafe;color: #2563eb}.pv-rec-ico.lock{background: #e2e8f0;color: #64748b}.pv-rec-body{min-width: 0}.pv-rec-count{font-size: 1.3rem;font-weight: 800;line-height: 1.1;color: #0f172a}.pv-rec-count.masked{color: #94a3b8;letter-spacing: 0.15em}.pv-rec-label{font-size: 0.8rem;font-weight: 500;color: #64748b;margin-top: 0.1rem}.pv-rec-tag{position: absolute;top: 0.6rem;right: 0.6rem;font-size: 0.62rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: #2563eb;background: #eff6ff;border: 1px solid #bfdbfe;border-radius: 999px;padding: 0.18rem 0.55rem}.pv-rec.locked{background: #fbfcfe}.pv-sources{display: flex;align-items: center;gap: 0.6rem;margin-top: 1rem;font-size: 0.78rem;color: #94a3b8;line-height: 1.45}.pv-sources svg{width: 16px;height: 16px;flex-shrink: 0;color: #94a3b8}.pv-buy{position: sticky;top: 90px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 1rem;padding: 1.5rem;box-shadow: 0 10px 30px rgba(15, 37, 87, 0.10)}.pv-buy-head h3{margin: 0 0 0.2rem;font-size: 1.08rem;font-weight: 700;color: #0f172a}.pv-buy-head p{margin: 0;font-size: 0.76rem;color: #94a3b8;font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace;letter-spacing: 0.03em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pv-price{display: flex;align-items: baseline;gap: 0.35rem;margin: 1rem 0 1.1rem;padding-bottom: 1.1rem;border-bottom: 1px solid #f1f5f9}.pv-price-cur{font-size: 1.25rem;font-weight: 700;color: #2563eb}.pv-price-val{font-size: 2.4rem;font-weight: 800;letter-spacing: -0.02em;color: #0f172a;line-height: 1}.pv-price-note{font-size: 0.8rem;color: #64748b;margin-left: 0.3rem}.pv-feats{list-style: none;margin: 0 0 1.25rem;padding: 0}.pv-feats li{display: flex;align-items: flex-start;gap: 0.6rem;font-size: 0.88rem;color: #334155;padding: 0.32rem 0}.pv-feats svg{width: 16px;height: 16px;flex-shrink: 0;color: #16a34a;margin-top: 0.15rem}.btn-purchase{display: flex;align-items: center;justify-content: center;gap: 0.55rem;width: 100%;padding: 0.85rem 1.25rem;border-radius: 0.7rem;background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);color: #ffffff;font-size: 0.98rem;font-weight: 700;text-decoration: none;box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);transition: transform 0.15s ease, box-shadow 0.15s ease}.btn-purchase:hover{transform: translateY(-1px);box-shadow: 0 8px 20px rgba(37, 99, 235, 0.45);color: #ffffff}.btn-purchase .btn-arrow{width: 17px;height: 17px}.pv-or{display: flex;align-items: center;gap: 0.75rem;margin: 0.8rem 0;color: #94a3b8;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.08em}.pv-or::before, .pv-or::after{content: '';flex: 1;height: 1px;background: #e2e8f0}.credit-form-inline{margin: 0}.btn-credit{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: 0.75rem 1.25rem;border-radius: 0.7rem;background: #ffffff;border: 1.5px solid #cbd5e1;color: #334155;font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: border-color 0.15s ease, background 0.15s ease}.btn-credit:hover{border-color: #2563eb;background: #f8faff;color: #1d4ed8}.btn-credit .credit-icon{width: 16px;height: 16px}.pv-trust{display: flex;justify-content: space-between;gap: 0.5rem;margin-top: 1.2rem;padding-top: 1.1rem;border-top: 1px solid #f1f5f9}.pv-trust-item{display: flex;flex-direction: column;align-items: center;gap: 0.3rem;flex: 1;font-size: 0.68rem;font-weight: 600;color: #64748b;text-align: center}.pv-trust-item svg{width: 17px;height: 17px;color: #2563eb}.invalid-vin-container, .error-container{max-width: 560px;margin: 3rem auto 4rem;padding: 0 1.5rem;text-align: center}.invalid-vin-content{background: #ffffff;border: 1px solid #e2e8f0;border-radius: 1rem;padding: 2.5rem 2rem;box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06)}.invalid-vin-icon{color: #f59e0b;margin-bottom: 1rem}.invalid-vin-content h2, .error-container h2{margin: 0 0 0.5rem;font-size: 1.35rem;font-weight: 700;color: #0f172a}.invalid-vin-content p, .error-container p{margin: 0 0 0.6rem;color: #64748b;font-size: 0.95rem}.invalid-vin-content .vin-display{display: inline-block;font-family: 'SF Mono', Consolas, monospace;background: #f1f5f9;border-radius: 0.5rem;padding: 0.4rem 0.9rem;color: #334155;letter-spacing: 0.05em;margin-bottom: 1.2rem}.invalid-vin-actions .btn-primary, .error-container .btn-primary{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.7rem 1.4rem;border-radius: 0.65rem;background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);color: #ffffff;font-weight: 700;text-decoration: none;box-shadow: 0 6px 16px rgba(37, 99, 235, 0.3)}@media (max-width: 980px){.pv-shell{grid-template-columns: 1fr}.pv-buy{position: static}}@media (max-width: 640px){.preview-page{padding: 1rem 1rem 2.5rem}.pv-hero{padding: 1.25rem 1.25rem}.pv-hero-row{flex-wrap: wrap}.pv-hero-text h1{font-size: 1.3rem}.pv-total{width: 100%;display: flex;align-items: baseline;justify-content: center;gap: 0.6rem;padding: 0.6rem 1rem}.pv-total-num{font-size: 1.5rem}.pv-rec-grid{gap: 0.6rem}.pv-rec{flex-direction: column;align-items: flex-start;gap: 0.55rem;padding: 0.75rem 0.8rem}.pv-rec-ico{width: 36px;height: 36px;border-radius: 0.55rem}.pv-rec-ico svg{width: 18px;height: 18px}.pv-rec-count{font-size: 1.15rem}.pv-rec-label{font-size: 0.72rem}.pv-rec-tag{top: 0.5rem;right: 0.5rem;font-size: 0.55rem;padding: 0.14rem 0.4rem}.pv-vin{font-size: 0.74rem}}
.dashboard{padding: 2rem 0;background: #f8fafc;min-height: calc(100vh - 80px)}.dashboard-header{background: white;padding: 2rem;border-radius: 1rem;margin-bottom: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.dashboard-header h1{font-size: 2rem;font-weight: 700;color: #1e293b;margin-bottom: 1.5rem}.dashboard-stats{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.5rem}.stat-card{background: #f1f5f9;padding: 1.5rem;border-radius: 0.75rem;display: flex;align-items: center;gap: 1rem}.stat-card i{width: 2.5rem;height: 2.5rem;color: var(--primary-color)}.stat-info{display: flex;flex-direction: column}.stat-value{font-size: 1.5rem;font-weight: 700;color: #1e293b}.dashboard .stat-label{font-size: 0.875rem;color: #64748b}.dashboard-grid{display: grid;grid-template-columns: 2fr 1fr;gap: 2rem}.dashboard-section{background: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.section-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem}.section-header h2{font-size: 1.25rem;font-weight: 600;color: #1e293b}.btn-link{color: var(--primary-color);text-decoration: none;font-weight: 500}.reports-grid{display: grid;gap: 1.25rem}.report-card{position: relative;border: 1px solid #e2e8f0;border-radius: 1rem;padding: 1.5rem;background: white;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);overflow: hidden}.report-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #e2e8f0, #e2e8f0);transition: all 0.3s ease}.report-card::after{content: 'Other';position: absolute;top: 1rem;right: 1rem;padding: 0.25rem 0.625rem;border-radius: 0.375rem;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.025em;background: #94a3b8;color: white;opacity: 0.9;z-index: 1}.report-card[data-api-source="vdb"]::after{content: 'US/CA';background: linear-gradient(135deg, #3b82f6, #2563eb);box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3)}.report-card[data-api-source="vdb"]::before{background: linear-gradient(90deg, #3b82f6, #2563eb)}.report-card[data-api-source="vindecoder"]::after{content: 'EU';background: linear-gradient(135deg, #10b981, #059669);box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3)}.report-card[data-api-source="vindecoder"]::before{background: linear-gradient(90deg, #10b981, #059669)}.report-card:hover{border-color: var(--primary-color);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);transform: translateY(-2px)}.report-card:hover::after{opacity: 1;transform: scale(1.05)}.report-header{display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;position: relative;z-index: 0}.report-brand{display: flex;align-items: flex-start;gap: 1.25rem;flex: 1;min-width: 0;position: relative}.brand-logo{width: 56px;height: 56px;object-fit: contain;background: linear-gradient(135deg, #f8fafc, #f1f5f9);padding: 0.75rem;border-radius: 0.75rem;border: 1px solid #e2e8f0;flex-shrink: 0;transition: all 0.3s ease}.brand-logo-placeholder{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #f1f5f9, #e2e8f0);border-radius: 0.75rem;border: 1px solid #e2e8f0;flex-shrink: 0;transition: all 0.3s ease}.brand-logo-placeholder i{width: 28px;height: 28px;color: #94a3b8}.report-card:hover .brand-logo{transform: scale(1.05);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08)}.report-card:hover .brand-logo-placeholder{transform: scale(1.05);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);background: linear-gradient(135deg, #e2e8f0, #cbd5e1)}.vehicle-info{flex: 1;min-width: 0;padding-right: 0.5rem}.vehicle-info h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 0.5rem;line-height: 1.4;letter-spacing: -0.01em}.engine{font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;font-size: 0.8125rem;color: #64748b;display: block;margin-bottom: 0.5rem;line-height: 1.5}.dashboard-section .vin{font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;font-size: 0.9375rem;font-weight: 500;color: #475569;background: linear-gradient(135deg, #f1f5f9, #e2e8f0);padding: 0.375rem 0.625rem;border-radius: 0.5rem;display: inline-block;margin-bottom: 0.5rem;letter-spacing: 0.05em;border: 1px solid #cbd5e1}.date{color: #64748b;font-size: 0.875rem;font-weight: 500;display: flex;align-items: center;gap: 0.375rem}.date::before{content: '📅';font-size: 0.75rem;opacity: 0.7}.report-actions{display: flex;gap: 0.75rem;flex-shrink: 0;align-items: flex-start}.btn-view, .btn-download{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1.25rem;border-radius: 0.625rem;font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);white-space: nowrap;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)}.btn-view{background: linear-gradient(135deg, var(--primary-color), var(--primary-dark, #2563eb));color: white;border: none}.btn-view:hover{background: linear-gradient(135deg, var(--primary-dark, #2563eb), var(--primary-color));transform: translateY(-2px);box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3)}.btn-view:active{transform: translateY(0)}.btn-download{background: #f1f5f9;color: #1e293b;border: 1px solid #e2e8f0}.btn-download:hover{background: #e2e8f0;border-color: #cbd5e1;transform: translateY(-2px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.actions-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem}.action-card{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;padding: 1.5rem;background: #f8fafc;border-radius: 0.75rem;text-decoration: none;color: #1e293b;transition: all 0.2s ease}.action-card:hover{background: #f1f5f9;transform: translateY(-2px)}.action-card i{width: 2rem;height: 2rem;color: var(--primary-color)}.empty-state{text-align: center;padding: 3rem;color: #64748b}.empty-state i{width: 3rem;height: 3rem;margin-bottom: 1rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns: 1fr}}@media (max-width: 768px){.dashboard-stats{grid-template-columns: 1fr}.actions-grid{grid-template-columns: 1fr}.report-card{padding: 1.25rem}.report-card::after{top: 0.75rem;right: 0.75rem;font-size: 0.6875rem;padding: 0.2rem 0.5rem}.report-header{flex-direction: column;gap: 1.25rem}.report-brand{width: 100%;gap: 1rem}.brand-logo{width: 48px;height: 48px;padding: 0.5rem}.vehicle-info{padding-right: 0}.vehicle-info h3{font-size: 1.125rem}.report-actions{margin-left: 0;width: 100%;justify-content: stretch;padding-top: 0.5rem;border-top: 1px solid #e2e8f0}.btn-view, .btn-download{flex: 1;justify-content: center;padding: 0.75rem 1rem}}@media (max-width: 480px){.report-card{padding: 1rem}.brand-logo{width: 44px;height: 44px}.vehicle-info h3{font-size: 1rem;margin-bottom: 0.375rem}.dashboard-section .vin{font-size: 0.875rem;padding: 0.25rem 0.5rem}.engine{font-size: 0.75rem}.date{font-size: 0.8125rem}.btn-view, .btn-download{font-size: 0.8125rem;padding: 0.625rem 0.875rem}}.credits-warning{display: flex;align-items: center;gap: 0.75rem;margin-top: 1rem;padding: 0.9rem 1.25rem;background: #fffbeb;border: 1px solid #fde68a;border-radius: 0.75rem;color: #92400e;flex-wrap: wrap}.credits-warning svg{width: 20px;height: 20px;flex-shrink: 0}.credits-warning .btn-primary{margin-left: auto;white-space: nowrap}.dashboard-vin-check{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);border-radius: 1rem;padding: 1.5rem 2rem;margin-bottom: 2rem;flex-wrap: wrap}.dashboard-vin-check .vin-check-text h2{color: #ffffff;margin: 0 0 0.25rem;font-size: 1.25rem}.dashboard-vin-check .vin-check-text p{color: #bfdbfe;margin: 0;font-size: 0.9rem}.vin-check-form{display: flex;gap: 0.75rem;flex: 1;min-width: 280px;max-width: 560px}.vin-check-input{flex: 1;padding: 0.75rem 1rem;border: none;border-radius: 0.6rem;font-size: 0.95rem;font-family: monospace;letter-spacing: 0.05em;text-transform: uppercase}.vin-check-input:focus{outline: 3px solid rgba(255,255,255,0.35)}.vin-check-btn{display: inline-flex;align-items: center;gap: 0.5rem;white-space: nowrap;background: #00d084;border: none;color: #ffffff;padding: 0.75rem 1.4rem;border-radius: 0.6rem;font-weight: 700;cursor: pointer;transition: background 0.2s ease}.vin-check-btn:hover{background: #00b873}.vin-check-btn svg{width: 16px;height: 16px}.report-includes{margin-top: 1.5rem;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 0.75rem;padding: 1.25rem}.report-includes h3{margin: 0 0 0.75rem;font-size: 0.95rem;color: #1e293b}.report-includes ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.5rem}.report-includes li{display: flex;align-items: center;gap: 0.5rem;color: #334155;font-size: 0.875rem}.report-includes li svg{width: 14px;height: 14px;color: #16a34a;flex-shrink: 0}.report-includes-note{margin: 0.75rem 0 0;font-size: 0.75rem;color: #94a3b8}@media (max-width: 768px){.dashboard-vin-check{flex-direction: column;align-items: stretch}.vin-check-form{max-width: none}}.section-count{font-size: 0.78rem;font-weight: 600;color: #94a3b8;text-transform: uppercase;letter-spacing: 0.05em}.dash-report-search{position: relative;margin-bottom: 0.9rem}.dash-report-search svg{position: absolute;left: 0.8rem;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;color: #94a3b8;pointer-events: none}.dash-report-search input{width: 100%;box-sizing: border-box;padding: 0.6rem 0.9rem 0.6rem 2.4rem;border: 1.5px solid #e2e8f0;border-radius: 0.6rem;font-size: 0.88rem;color: #1e293b;background: #f8fafc;transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease}.dash-report-search input:focus{outline: none;background: #ffffff;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12)}.dash-view-all{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 0.9rem;padding: 0.65rem 1rem;border: 1.5px dashed #cbd5e1;border-radius: 0.6rem;color: #2563eb;font-size: 0.9rem;font-weight: 600;text-decoration: none;transition: border-color 0.15s ease, background 0.15s ease}.dash-view-all:hover{border-color: #2563eb;background: #f8faff}.dash-view-all svg{width: 16px;height: 16px}.dashboard-vin-check .vin-check-form{flex-direction: column;align-items: stretch}.dashboard-vin-check .vin-check-row{display: flex;gap: 0.6rem}.dashboard-vin-check .vin-check-row .vin-check-input{flex: 1}.api-region-switch-container{margin-top: 0.9rem;display: flex;justify-content: flex-end}.api-region-label{display: flex;align-items: center;gap: 0.75rem;cursor: pointer}.api-region-label-text{color: rgba(255,255,255,0.9);font-size: 0.9rem;font-weight: 500;white-space: nowrap}.api-region-toggle{position: relative;display: inline-flex;background: rgba(255,255,255,0.12);border-radius: 0.7rem;padding: 0.25rem;border: 1px solid rgba(255,255,255,0.2)}.api-region-toggle input[type="radio"]{position: absolute;opacity: 0;width: 0;height: 0}.api-region-option{position: relative;display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 1rem;border-radius: 0.5rem;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);z-index: 1;color: rgba(255,255,255,0.75);font-size: 0.85rem;font-weight: 500;white-space: nowrap}.api-region-flag{font-size: 1.1rem;line-height: 1}.api-region-toggle input[type="radio"]:checked + .api-region-option{color: #fff}.api-region-slider{position: absolute;top: 0.25rem;bottom: 0.25rem;left: 0.25rem;width: calc(50% - 0.25rem);background: linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius: 0.5rem;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);z-index: 0;box-shadow: 0 2px 8px rgba(37,99,235,0.4)}.api-region-toggle input[type="radio"]#api-region-eu-other:checked ~ .api-region-slider{transform: translateX(100%)}.api-region-toggle input[type="radio"]#api-region-us-ca:checked ~ .api-region-slider{transform: translateX(0)}@media (max-width: 560px){.dashboard-vin-check .vin-check-row{flex-direction: column}.api-region-label{flex-direction: column;align-items: flex-start;gap: 0.5rem}.api-region-toggle{width: 100%}.api-region-option{flex: 1;justify-content: center}}
.purchase-page{min-height: calc(100vh - 80px);padding: 4rem 0;background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)}.purchase-card{max-width: 600px;margin: 0 auto;background: white;border-radius: 1rem;padding: 2.5rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1)}.purchase-card h1{font-size: 2rem;font-weight: 700;color: #1e293b;margin-bottom: 2rem;text-align: center}.purchase-details{margin-bottom: 2rem;padding: 1.5rem;background: #f8fafc;border-radius: 0.75rem}.detail-item{display: flex;justify-content: space-between;align-items: center;padding: 0.75rem 0;border-bottom: 1px solid #e2e8f0}.detail-item:last-child{border-bottom: none}.detail-item label{color: #64748b;font-weight: 500}.detail-item span{font-weight: 600;color: #1e293b}.payment-section{text-align: center;margin-bottom: 2rem}.btn-purchase{display: inline-flex;align-items: center;gap: 0.75rem;padding: 1rem 2rem;background: var(--primary-color);color: white;border: none;border-radius: 0.75rem;font-size: 1.125rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease}.btn-purchase:hover{background: var(--primary-dark);transform: translateY(-2px)}.security-info{display: flex;align-items: center;gap: 0.75rem;justify-content: center;color: #64748b;font-size: 0.875rem}.security-info i{color: #10b981}.error-actions{text-align: center;margin-top: 2rem}.btn-secondary{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: #f1f5f9;color: #1e293b;border-radius: 0.5rem;text-decoration: none;font-weight: 500;transition: all 0.2s ease}.btn-secondary:hover{background: #e2e8f0}.btn-purchase.loading{opacity: 0.7;cursor: not-allowed}.btn-purchase.loading i{animation: spin 1s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}
.payment-success-container{min-height: calc(100vh - 80px);display: flex;align-items: flex-start;justify-content: center;background: #f8fafc;padding: 2rem}.payment-success-container .success-content{background: white;padding: 3rem;border-radius: 1rem;text-align: center;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);max-width: 400px}.payment-success-container .success-icon{margin-bottom: 1.5rem}.payment-success-container .success-icon i{width: 4rem;height: 4rem;color: #10b981}.payment-success-container .success-content h2{font-size: 1.75rem;font-weight: 700;color: #1e293b;margin-bottom: 1rem}.payment-success-container .success-content p{color: #64748b;margin-bottom: 2rem}.payment-success-container .loader{width: 48px;height: 48px;border: 4px solid #e2e8f0;border-top: 4px solid #3b82f6;border-radius: 50%;margin: 0 auto;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}
.specs-section{background: white;border-radius: 1rem;padding: 2rem}.specs-grid{display: grid;gap: 1.5rem}.specs-category{background: #f8fafc;border-radius: 0.75rem;padding: 1.25rem;height: fit-content}.category-header{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1.25rem;padding-bottom: 0.75rem;border-bottom: 1px solid #e2e8f0}.category-header i{width: 1.25rem;height: 1.25rem;color: #64748b}.category-header h3{font-size: 1rem;font-weight: 600;color: #1e293b;margin: 0}.specs-list{display: grid;gap: 0.75rem}.spec-item{background: white;border-radius: 0.5rem;padding: 0.75rem;border: 1px solid #e2e8f0;transition: all 0.2s ease}.spec-item:hover{border-color: #94a3b8;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05)}.spec-item label{font-size: 0.75rem;color: #64748b;margin-bottom: 0.25rem;display: block;text-transform: uppercase;letter-spacing: 0.025em}.spec-item span{font-size: 0.875rem;color: #1e293b;font-weight: 500;display: block;word-break: break-word}.specs-category:empty{display: none}.specs-list:empty::after{content: 'No specifications available';color: #94a3b8;font-size: 0.875rem;text-align: center;padding: 1rem;background: white;border-radius: 0.5rem;border: 1px dashed #e2e8f0}@media (max-width: 1024px){.specs-grid{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))}}@media (max-width: 768px){.specs-section{padding: 1rem}.specs-grid{grid-template-columns: 1fr}}@media (min-width: 900px){.specs-grid{grid-template-columns: repeat(2, 1fr);align-items: start}.specs-list{grid-template-columns: repeat(2, 1fr)}}
.vehicle-header{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 2rem;border-radius: 1rem;margin-bottom: 2rem;position: relative;overflow: hidden;color: white;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1.5rem}.vehicle-header::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('/public/images/grid-pattern.svg');opacity: 0.1;animation: float 20s linear infinite}.vehicle-info{position: relative;z-index: 1;flex: 1;min-width: 0}.vehicle-info h1{font-size: 2.5rem;font-weight: 800;margin-bottom: 1rem;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.vin-display{display: inline-flex;align-items: center;padding: 0.75rem 1.5rem;border-radius: 0.75rem;backdrop-filter: blur(10px)}.vin-label{font-weight: 500;opacity: 0.9;margin-right: 0.5rem}.vin-number{font-family: monospace;font-size: 1.1rem;letter-spacing: 1px}.vehicle-preview-section{display: grid;grid-template-columns: 150px 1fr;gap: 4rem;margin-bottom: 2rem;align-items: start}.brand-logo{width: 150px;height: 150px;display: flex;align-items: center;justify-content: center;background: white;border-radius: 0.75rem;padding: 1.5rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.brand-logo img{max-width: 100%;max-height: 100%;object-fit: contain}.vehicle-preview{background: white;border-radius: 0.75rem;overflow: hidden;position: relative;height: 198px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.vehicle-preview img{width: 100%;height: 100%;object-fit: cover}.loading-indicator{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%}.spinner{width: 40px;height: 40px;border: 4px solid #f3f3f3;border-top: 4px solid var(--primary-color);border-radius: 50%;margin: 0 auto 1rem;animation: spin 1s linear infinite;transform-origin: center center}@keyframes spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}@keyframes float{0%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-20px) rotate(5deg)}100%{transform: translateY(0) rotate(0deg)}}.error{color: #dc2626;text-align: center;padding: 2rem}@media (max-width: 768px){.vehicle-preview-section{grid-template-columns: 1fr;gap: 1rem}.brand-logo{width: 100px;height: 100px;margin: 0 auto}.vehicle-preview{height: 200px}}
.ai-description-section{background: white;border-radius: 1rem;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);min-height: 400px;position: relative}.ai-description-section h2{font-size: 1.5rem;font-weight: 600;color: var(--text-dark);margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.ai-description-section .loading-indicator{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;width: 100%;text-align: center}.ai-description-section .loading-indicator p{color: var(--text-dark);font-size: 1.125rem;font-weight: 500;margin: 0}.ai-description-section .spinner{width: 48px;height: 48px;border: 4px solid #f3f3f3;border-top: 4px solid var(--primary-color);border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto}.ai_desc_headline{font-size: 1.75rem;font-weight: 700;color: var(--primary-color);margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 2px solid var(--border-color)}.ai_desc_section_title{font-size: 1.25rem;font-weight: 600;color: var(--text-dark);margin: 1.5rem 0 1rem;display: flex;align-items: center;gap: 0.5rem}.ai_desc_section_title::before{content: '';width: 4px;height: 1.25rem;background: var(--primary-color);border-radius: 2px}.ai_desc_paragraph{color: var(--text-dark);line-height: 1.7;margin-bottom: 1.5rem;font-size: 1.0625rem}.ai_desc_list{display: grid;gap: 0.75rem;margin-bottom: 1.5rem}.ai_desc_list_item{display: flex;align-items: center;gap: 0.75rem;padding: 1rem;background: var(--background-light);border-radius: 0.75rem;font-size: 1.0625rem;transition: all 0.2s ease}.ai_desc_list_item:hover{background: #f1f5f9;transform: translateX(4px)}.ai_desc_list_item::before{content: '•';color: var(--primary-color);font-size: 1.5rem;line-height: 1}.error{color: #dc2626;text-align: center;padding: 2rem;font-size: 1.125rem}@keyframes spin{to{transform: rotate(360deg)}}@media (prefers-color-scheme: dark){.ai_desc_list_item{background: rgba(255, 255, 255, 0.05)}.ai_desc_list_item:hover{background: rgba(255, 255, 255, 0.08)}}
.report-page{padding: 6rem 0;background: #f8fafc;min-height: calc(100vh - 80px)}.report-header{background: white;padding: 1rem;border-radius: 1rem;margin-bottom: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);display: flex;justify-content: space-between;align-items: center}.report-header h1{font-size: 2rem;font-weight: 700;color: #1e293b;margin: 0}.btn-download{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: var(--primary-color);color: white;border-radius: 0.5rem;text-decoration: none;font-weight: 500;transition: all 0.2s ease}.btn-download:hover{background: var(--primary-dark);transform: translateY(-2px)}.report-section{background: white;padding: 2rem;border-radius: 1rem;margin-bottom: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.report-section h2{font-size: 1.5rem;font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.info-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1.5rem}.info-item, .spec-item{display: flex;flex-direction: column;gap: 0.5rem}.info-item label, .spec-item label{font-size: 0.875rem;color: #64748b;font-weight: 500}.info-item span, .spec-item span{font-size: 1rem;color: #1e293b;font-weight: 500}.market-info{display: grid;gap: 2rem}.market-region h3{font-size: 1.25rem;color: #1e293b;margin-bottom: 1rem}.price-range{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem}.range-item{background: #f1f5f9;padding: 1rem;border-radius: 0.5rem;text-align: center}.range-item label{display: block;font-size: 0.875rem;color: #64748b;margin-bottom: 0.5rem}.range-item span{font-size: 1.25rem;font-weight: 600;color: #1e293b}.theft-check{display: grid;gap: 1rem}.check-item{display: flex;align-items: center;gap: 1rem;padding: 1rem;border-radius: 0.5rem;background: #f1f5f9}.check-item.status-clear{background: #ecfdf5}.check-item.status-clear i{color: #059669}.check-item.status-warning{background: #fef2f2}.check-item.status-warning i{color: #dc2626}.check-details{display: flex;flex-direction: column;gap: 0.25rem}.region-info{display: flex;align-items: center;gap: 0.5rem}.country-flag{width: 24px;height: 18px;object-fit: cover;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)}.vincario-logo{width: 24px;height: 24px;object-fit: contain}.region{font-weight: 600;color: #1e293b}.status{font-size: 0.875rem;color: #64748b}@media (max-width: 768px){.report-header{flex-direction: column;gap: 1rem;text-align: center}.info-grid, .specs-grid{grid-template-columns: 1fr}.price-range{grid-template-columns: 1fr}}.pdf-loading{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999}.pdf-loading-content{background: white;padding: 2rem;border-radius: 1rem;text-align: center;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2)}.pdf-loading-spinner{width: 40px;height: 40px;border: 4px solid #f3f3f3;border-top: 4px solid var(--primary-color);border-radius: 50%;margin: 0 auto 1rem;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media (min-width: 900px){.theft-check{grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));gap: 0.75rem}.check-item{padding: 0.75rem 0.9rem}}@media (min-width: 900px){.specs-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem;align-items: start}.specs-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.75rem}}
.price-history-chart{height: 500px;background: white;border-radius: 1rem;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease}.price-history-chart:hover{box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px)}.price-history-chart h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}
.mileage-history-chart{height: 500px;background: white;border-radius: 1rem;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease}.mileage-history-chart:hover{box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px)}.mileage-history-chart h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}
.charts-section{margin-top: 2rem}.chart-container{height: 500px;background: white;border-radius: 1rem;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;position: relative}.chart-container:hover{box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px)}.chart-wrapper{position: relative;height: calc(100% - 60px);width: 100%}.chart-container h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0;position: relative;z-index: 2;background: white}.chart-container.loading{position: relative}.chart-container.loading::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(4px);border-radius: 1rem;display: flex;align-items: center;justify-content: center}.chart-container.loading::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;border: 4px solid #e2e8f0;border-top-color: #3b82f6;border-radius: 50%;z-index: 10}.chart-legend{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;margin-top: 1rem;padding: 0.75rem;background: #f8fafc;border-radius: 0.5rem;position: relative;z-index: 2}.legend-item{display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;color: #64748b;padding: 0.25rem 0.75rem;background: white;border-radius: 1rem;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);transition: all 0.2s ease}.legend-item:hover{transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.legend-color{width: 12px;height: 12px;border-radius: 50%}.chart-tooltip{background: rgba(255, 255, 255, 0.95);border-radius: 0.5rem;padding: 0.75rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border: 1px solid #e2e8f0;font-size: 0.875rem}@media (max-width: 768px){.chart-container{padding: 1rem}.chart-legend{flex-direction: column;align-items: flex-start}}
.advanced-features{margin-top: 2rem}.report-section .feature-group{background: white;border-radius: 1rem;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.report-section .feature-group h3{font-size: 1.5rem;font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.report-section .feature-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1rem}.report-section .feature-item{display: flex;align-items: center;gap: 0.75rem;padding: 1rem;background: #f8fafc;border-radius: 0.5rem;transition: all 0.2s ease}.report-section .feature-item:hover{transform: translateX(4px);background: #f1f5f9}.report-section .feature-item i{color: #10b981;width: 1.25rem;height: 1.25rem;flex-shrink: 0}.report-section .feature-item span{color: #1e293b;font-size: 0.9375rem;line-height: 1.5}.oem-packages-section{margin-top: 3rem}.package-category{margin-bottom: 3rem}.package-category h4{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid #e2e8f0}.package-table-wrapper{overflow-x: auto;border-radius: 0.75rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.package-table{width: 100%;border-collapse: separate;border-spacing: 0;background: white}.package-table th{background: #f8fafc;padding: 1rem;text-align: left;font-weight: 600;color: #1e293b;border-bottom: 2px solid #e2e8f0}.package-table th:first-child{border-top-left-radius: 0.75rem}.package-table th:last-child{border-top-right-radius: 0.75rem}.package-table td{padding: 1rem;border-bottom: 1px solid #e2e8f0;vertical-align: top}.code-column{width: 120px}.price-column{width: 100px}.type-column{width: 100px}.code-cell .code-value{font-family: 'Monaco', 'Consolas', monospace;font-size: 0.875rem;color: #2563eb;background: #eff6ff;padding: 0.25rem 0.5rem;border-radius: 0.25rem;border: 1px solid #bfdbfe;display: inline-block}.package-name{font-weight: 500;color: #1e293b;margin-bottom: 0.5rem}.package-features{list-style: none;padding: 0;margin: 0.5rem 0 0}.package-features li{display: flex;align-items: center;gap: 0.5rem;color: #64748b;font-size: 0.875rem;margin-bottom: 0.25rem}.package-features i{color: #10b981;width: 1rem;height: 1rem;flex-shrink: 0}.price-cell{font-weight: 600;color: #059669;text-align: left}.type-cell{text-align: left}.package-type{font-size: 0.75rem;font-weight: 500;padding: 0.25rem 0.5rem;border-radius: 0.25rem;text-transform: uppercase;letter-spacing: 0.05em;display: inline-block}tr.standard .package-type{background: #e2e8f0;color: #475569}tr.custom .package-type{background: #dbeafe;color: #2563eb}tr.standard{background: #f8fafc}tr.custom{background: white}tr:hover{background: #f1f5f9}@media (max-width: 768px){.package-table{}.package-table th{padding:0.25rem;text-align: center}.package-table thead tr th:nth-child(2){width:30%}.price-cell{text-align: left}}
.reports-page{padding: 2rem 0;background: #f8fafc;min-height: calc(100vh - 80px)}.reports-header{background: white;padding: 2rem;border-radius: 1rem;margin-bottom: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.reports-header h1{font-size: 2rem;font-weight: 700;color: #1e293b;margin-bottom: 1.5rem}.reports-stats{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.5rem}.stat-card{background: #f1f5f9;padding: 1.5rem;border-radius: 0.75rem;display: flex;align-items: center;gap: 1rem}.stat-card i{width: 2.5rem;height: 2.5rem;color: var(--primary-color)}.stat-info{display: flex;flex-direction: column}.stat-value{font-size: 1.5rem;font-weight: 700;color: #1e293b}.reports-page .stat-label{font-size: 0.875rem;color: #64748b}.reports-grid{display: grid;gap: 1.25rem}.reports-page .report-card{position: relative;border: 1px solid #e2e8f0;border-radius: 1rem;padding: 1.5rem;background: white;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);overflow: hidden}.reports-page .report-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, #e2e8f0, #e2e8f0);transition: all 0.3s ease}.reports-page .report-card::after{content: 'Other';position: absolute;top: 1rem;right: 1rem;padding: 0.25rem 0.625rem;border-radius: 0.375rem;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.025em;background: #94a3b8;color: white;opacity: 0.9;z-index: 1}.reports-page .report-card[data-api-source="vdb"]::after{content: 'US/CA';background: linear-gradient(135deg, #3b82f6, #2563eb);box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3)}.reports-page .report-card[data-api-source="vdb"]::before{background: linear-gradient(90deg, #3b82f6, #2563eb)}.reports-page .report-card[data-api-source="vindecoder"]::after{content: 'EU';background: linear-gradient(135deg, #10b981, #059669);box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3)}.reports-page .report-card[data-api-source="vindecoder"]::before{background: linear-gradient(90deg, #10b981, #059669)}.reports-page .report-card:hover{border-color: var(--primary-color);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);transform: translateY(-2px)}.reports-page .report-card:hover::after{opacity: 1;transform: scale(1.05)}.reports-page .report-header{display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;position: relative;z-index: 0}.reports-page .report-brand{display: flex;align-items: flex-start;gap: 1.25rem;flex: 1;min-width: 0;position: relative}.reports-page .brand-logo{width: 56px;height: 56px;object-fit: contain;background: linear-gradient(135deg, #f8fafc, #f1f5f9);padding: 0.75rem;border-radius: 0.75rem;border: 1px solid #e2e8f0;flex-shrink: 0;transition: all 0.3s ease}.reports-page .brand-logo-placeholder{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #f1f5f9, #e2e8f0);border-radius: 0.75rem;border: 1px solid #e2e8f0;flex-shrink: 0;transition: all 0.3s ease}.reports-page .brand-logo-placeholder i{width: 28px;height: 28px;color: #94a3b8}.reports-page .report-card:hover .brand-logo{transform: scale(1.05);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08)}.reports-page .report-card:hover .brand-logo-placeholder{transform: scale(1.05);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);background: linear-gradient(135deg, #e2e8f0, #cbd5e1)}.reports-page .vehicle-info{flex: 1;min-width: 0;padding-right: 0.5rem}.reports-page .vehicle-info h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 0.5rem;line-height: 1.4;letter-spacing: -0.01em}.reports-page .engine{font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;font-size: 0.8125rem;color: #64748b;display: block;margin-bottom: 0.5rem;line-height: 1.5}.reports-page .vin{font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;font-size: 0.9375rem;font-weight: 500;color: #475569;background: linear-gradient(135deg, #f1f5f9, #e2e8f0);padding: 0.375rem 0.625rem;border-radius: 0.5rem;display: inline-block;margin-bottom: 0.5rem;letter-spacing: 0.05em;border: 1px solid #cbd5e1}.reports-page .date{color: #64748b;font-size: 0.875rem;font-weight: 500;display: flex;align-items: center;gap: 0.375rem}.reports-page .date::before{content: '📅';font-size: 0.75rem;opacity: 0.7}.reports-page .report-actions{display: flex;gap: 0.75rem;flex-shrink: 0;align-items: flex-start}.reports-page .btn-view, .reports-page .btn-download{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1.25rem;border-radius: 0.625rem;font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);white-space: nowrap;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)}.reports-page .btn-view{background: linear-gradient(135deg, var(--primary-color), var(--primary-dark, #2563eb));color: white;border: none}.reports-page .btn-view:hover{background: linear-gradient(135deg, var(--primary-dark, #2563eb), var(--primary-color));transform: translateY(-2px);box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3)}.reports-page .btn-view:active{transform: translateY(0)}.reports-page .btn-download{background: #f1f5f9;color: #1e293b;border: 1px solid #e2e8f0}.reports-page .btn-download:hover{background: #e2e8f0;border-color: #cbd5e1;transform: translateY(-2px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.pagination{display: flex;align-items: center;justify-content: center;gap: 1rem;margin-top: 2rem;padding: 1rem;background: white;border-radius: 0.75rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.pagination-link{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;color: #64748b;text-decoration: none;font-weight: 500;border-radius: 0.5rem;transition: all 0.2s ease}.pagination-link:hover{background: #f1f5f9;color: #1e293b}.pagination-numbers{display: flex;align-items: center;gap: 0.5rem}.pagination-number{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: 0.5rem;color: #64748b;text-decoration: none;font-weight: 500;transition: all 0.2s ease}.pagination-number:hover{background: #f1f5f9;color: #1e293b}.pagination-number.active{background: var(--primary-color);color: white}.pagination-ellipsis{color: #64748b;padding: 0 0.5rem}.empty-state{text-align: center;padding: 3rem;background: white;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.empty-state i{width: 3rem;height: 3rem;color: #64748b;margin-bottom: 1rem}.empty-state p{color: #64748b;margin-bottom: 1.5rem}@media (max-width: 768px){.reports-stats{grid-template-columns: 1fr}.reports-page .report-card{padding: 1.25rem}.reports-page .report-card::after{top: 0.75rem;right: 0.75rem;font-size: 0.6875rem;padding: 0.2rem 0.5rem}.reports-page .report-header{flex-direction: column;gap: 1.25rem}.reports-page .report-brand{width: 100%;gap: 1rem}.reports-page .brand-logo, .reports-page .brand-logo-placeholder{width: 48px;height: 48px;padding: 0.5rem}.reports-page .vehicle-info{padding-right: 0}.reports-page .vehicle-info h3{font-size: 1.125rem}.reports-page .report-actions{margin-left: 0;width: 100%;justify-content: stretch;padding-top: 0.5rem;border-top: 1px solid #e2e8f0}.reports-page .btn-view, .reports-page .btn-download{flex: 1;justify-content: center;padding: 0.75rem 1rem}.pagination{flex-direction: column;gap: 0.5rem}.pagination-numbers{order: -1;flex-wrap: wrap;justify-content: center}}@media (max-width: 480px){.reports-page .report-card{padding: 1rem}.reports-page .brand-logo, .reports-page .brand-logo-placeholder{width: 44px;height: 44px}.reports-page .vehicle-info h3{font-size: 1rem;margin-bottom: 0.375rem}.reports-page .vin{font-size: 0.875rem;padding: 0.25rem 0.5rem}.reports-page .engine{font-size: 0.75rem}.reports-page .date{font-size: 0.8125rem}.reports-page .btn-view, .reports-page .btn-download{font-size: 0.8125rem;padding: 0.625rem 0.875rem}}.reports-search{display: flex;align-items: center;gap: 0.6rem;margin: 0 0 1.25rem}.reports-search-box{position: relative;flex: 1;max-width: 460px}.reports-search-box svg{position: absolute;left: 0.85rem;top: 50%;transform: translateY(-50%);width: 17px;height: 17px;color: #94a3b8;pointer-events: none}.reports-search-box input{width: 100%;box-sizing: border-box;padding: 0.65rem 0.9rem 0.65rem 2.5rem;border: 1.5px solid #e2e8f0;border-radius: 0.65rem;font-size: 0.92rem;color: #1e293b;background: #ffffff;transition: border-color 0.15s ease, box-shadow 0.15s ease}.reports-search-box input:focus{outline: none;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12)}.reports-search .btn-primary{padding: 0.65rem 1.3rem;border: none;cursor: pointer;font-size: 0.92rem}.reports-search-clear{font-size: 0.88rem;color: #64748b;text-decoration: none}.reports-search-clear:hover{color: #2563eb;text-decoration: underline}@media (max-width: 640px){.reports-search{flex-wrap: wrap}.reports-search-box{max-width: none;flex-basis: 100%}}
.pricing-page{padding: 4rem 0;background: #f8fafc}.pricing-header{text-align: center;margin-bottom: 4rem}.pricing-header h1{font-size: 3rem;font-weight: 800;color: #1e293b;margin-bottom: 1rem}.pricing-header h1.pricing-h1{font-size: 1.5em;font-weight: bold;color: inherit;margin: 0.83em 0}.pricing-header .subtitle{font-size: 1.125rem;color: #64748b;max-width: 800px;margin: 0 auto}.pricing-list{list-style: none;padding: 0;margin: 0 auto 2rem;max-width: 1200px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.5rem}.pricing-card{height: 270px;background: white;border-radius: 1rem;padding: 2rem 1rem;position: relative;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);text-align: center}.pricing-card-offer{grid-column: 2 / span 3;margin-top: -161px}.pricing-card.subscription{height: 420px}.subscription-ribbon{border-radius: 7px 7px 0px 0px;position: absolute;top: 0px;left: 0px;width: -webkit-fill-available;background: #2563eb;color: white;padding: 0.5rem 2rem;font-size: 0.875rem;font-weight: 500;white-space: nowrap;z-index: 1}.pricing-card-header{text-align: center;margin-bottom: 2rem}.pricing-card-header h2{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem}.price{align-items: baseline;gap: 0.25rem}.pricing-card .price .amount{font-size: 2.5rem;font-weight: 700;color: #2563eb}.pricing-card .price .period{color: #64748b;font-size: 1rem}.pricing-options{margin: 2rem 0}.option{display: flex;align-items: center;padding: 0.75rem;border: 1px solid #e2e8f0;border-radius: 0.5rem;margin-bottom: 0.75rem;cursor: pointer}.option input[type="radio"]{margin-right: 0.75rem}.option-text{font-weight: 500;color: #1e293b}.option-period{margin-left: auto;color: #64748b;font-size: 0.875rem}.savings{display: inline-block;background: #ecfdf5;color: #059669;padding: 0.25rem 0.75rem;border-radius: 1rem;font-size: 0.875rem;margin-bottom: 1rem}.btn-subscribe, .btn-purchase{display: block;padding: 0.75rem;background: #2563eb;color: white;border-radius: 0.5rem;font-weight: 500;text-align: center;text-decoration: none;border: none;cursor: pointer;margin: auto;width: 90%}.payment-section .btn-subscribe svg, .payment-section .btn-purchase svg{vertical-align: bottom}.custom-offer{background: #2563eb;border-radius: 1rem;padding: 1.5rem;margin: 0 auto 2rem;max-width: 1200px}.custom-offer-content{display: flex;align-items: center;justify-content: space-between;gap: 1rem;color: white;padding: 23px 1rem}.custom-offer-left{display: flex;align-items: center;gap: 1rem}.custom-offer-content i{width: 1.5rem;height: 1.5rem}.custom-offer-content h2{font-size: 1.125rem;font-weight: 500;margin: 0}.btn-contact{padding: 0.5rem 1rem;background: #fee600;color: #1e293b;border-radius: 0.5rem;font-weight: 500;text-decoration: none}.pricing-footer-note{text-align: center;color: #64748b;font-size: 0.875rem}@media (max-width: 1200px){.pricing-list{max-width: 800px}.pricing-card{display: grid;grid-column: span 2;flex: 0 0 calc(50% - 0.75rem);height: 430px}.pricing-card.subscription{height: 430px}.pricing-card-header,.pricing-options{margin-bottom: 0}.pricing-card .savings{vertical-align: -161px}.pricing-card.subscription .savings{vertical-align: 0}.pricing-card-offer{margin:0;grid-column: 1 / span 4}}@media (max-width: 768px){.pricing-list{display:block}.pricing-header h1{font-size: 2.5rem}.custom-offer-content{flex-direction: column;text-align: center}.pricing-card{display: grid;grid-column: span 1;flex: 0 0 calc(50% - 0.75rem);height: 430px;width: 85%;margin: 15px auto}}.single-report-section{margin-bottom: 4rem;padding: 2rem 0}.single-report-card{background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);border-radius: 1.5rem;padding: 3rem;color: white;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1)}.single-report-content{display: flex;justify-content: space-between;align-items: center;gap: 3rem}.single-report-info{flex: 2}.single-report-info h2{font-size: 2rem;font-weight: 700;margin-bottom: 1rem}.single-report-info p{font-size: 1.125rem;opacity: 0.9;margin-bottom: 2rem}.single-report-features{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem}.single-report-features li{display: flex;align-items: center;gap: 0.75rem;font-size: 1rem}.single-report-features li i{color: #10b981;background: white;padding: 0.25rem;border-radius: 50%;width: 1.5rem;height: 1.5rem}.single-report-price{flex: 1;text-align: center;padding: 2rem;background: rgba(255, 255, 255, 0.1);border-radius: 1rem;backdrop-filter: blur(10px)}.single-report-price .price{margin-bottom: 1.5rem}.single-report-price .amount{font-size: 3rem;font-weight: 700;display: block;margin-bottom: 0.5rem}.single-report-price .period{font-size: 1rem;opacity: 0.8}.btn-purchase-single{display: inline-block;background: #10b981;color: white;padding: 1rem 2rem;border-radius: 0.5rem;font-weight: 600;text-decoration: none;transition: all 0.3s ease}.btn-purchase-single:hover{background: #059669;transform: translateY(-2px)}.bulk-pricing-section{background: #f8fafc;padding: 4rem 0;border-radius: 1.5rem}@media (max-width: 768px){.single-report-content{flex-direction: column;text-align: center}.single-report-features{grid-template-columns: 1fr;max-width: 300px;margin: 0 auto 2rem}.single-report-price{width: 100%}}@media (max-width: 640px){.pricing-list{flex-direction: column;max-width: 400px}.pricing-card{flex: 1 1 auto}}
.hero-section{position: relative;min-height: auto;display: flex;align-items: center;justify-content: center;padding: 5rem 1.5rem 3.5rem;overflow: hidden;background: #0f172a}.hero-background-animated{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden}.hero-svg-background{width: 100%;height: 100%;display: block}.animated-circle{filter: blur(40px)}.speed-lines{opacity: 0.6}.gear-icon{opacity: 0.15}.hero-content{position: relative;z-index: 2;max-width: 950px;width: 100%;margin: 0 auto}.hero-text{text-align: center;margin-bottom: 2.5rem}.hero-section h1{margin: 0;padding: 0}.hero-title-main{display: inline-block;color: white;font-size: 3rem;font-weight: 900;margin: 0 0 1rem 0;padding: 0;line-height: 1.2;letter-spacing: -0.03em;background: linear-gradient(135deg, #ffffff 0%, #e0e7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 0 40px rgba(255, 255, 255, 0.1);animation: fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.hero-subtitle{color: rgba(255, 255, 255, 0.9);font-size: 1.25rem;margin-bottom: 0;line-height: 1.6;font-weight: 400;max-width: 700px;margin-left: auto;margin-right: auto;animation: fadeInUp 0.8s ease-out 0.2s both}.vin-search-form{max-width: 750px;margin: 0 auto 2rem;animation: fadeInUp 0.8s ease-out 0.4s both}.search-container{display: flex;align-items: center;background: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);padding: 0.625rem;border-radius: 1.25rem;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);gap: 0.625rem;border: 1px solid rgba(255, 255, 255, 0.2)}.search-container:focus-within{box-shadow: 0 25px 70px rgba(37, 99, 235, 0.35), 0 0 0 3px rgba(37, 99, 235, 0.1);transform: translateY(-3px);background: white}.search-icon-wrapper{display: flex;align-items: center;justify-content: center;padding: 0 1rem;color: #64748b;flex-shrink: 0;transition: color 0.3s ease}.search-container:focus-within .search-icon-wrapper{color: #2563eb}.search-icon-wrapper svg{width: 22px;height: 22px;stroke-width: 2.5}.vin-input{flex: 1;padding: 1.125rem 0.75rem;border: none;border-radius: 1rem;font-size: 1.0625rem;outline: none;background: transparent;color: #0f172a;font-weight: 500;letter-spacing: 0.01em}.vin-input::placeholder{color: #94a3b8;font-weight: 400;letter-spacing: 0}.vin-input:focus{outline: none}.search-button{background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);color: white;padding: 1.125rem 2rem;border: none;border-radius: 1rem;font-weight: 700;font-size: 1rem;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: flex;align-items: center;gap: 0.625rem;white-space: nowrap;box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);position: relative;overflow: hidden}.search-button::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease}.search-button:hover::before{left: 100%}.search-button:hover{background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);transform: translateY(-2px);box-shadow: 0 12px 28px rgba(37, 99, 235, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2)}.search-button:active{transform: translateY(0)}.search-button span{position: relative;z-index: 1}.search-button svg{width: 20px;height: 20px;stroke-width: 2.5;position: relative;z-index: 1;transition: transform 0.3s ease}.search-button:hover svg{transform: translateX(3px)}.api-region-switch-container{margin-top: 1rem;display: flex;justify-content: center;animation: fadeInUp 0.8s ease-out 0.5s both}.api-region-label{display: flex;align-items: center;gap: 0.75rem;cursor: pointer}.api-region-label-text{color: rgba(255, 255, 255, 0.9);font-size: 0.9375rem;font-weight: 500;white-space: nowrap}.api-region-toggle{position: relative;display: inline-flex;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border-radius: 0.75rem;padding: 0.25rem;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)}.api-region-toggle input[type="radio"]{position: absolute;opacity: 0;width: 0;height: 0}.api-region-option{position: relative;display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1rem;border-radius: 0.5rem;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;color: rgba(255, 255, 255, 0.7);font-size: 0.875rem;font-weight: 500;white-space: nowrap}.api-region-flag{font-size: 1.125rem;line-height: 1}.api-region-text{font-size: 0.875rem}.api-region-toggle input[type="radio"]:checked + .api-region-option{color: white;background: rgba(37, 99, 235, 0.3)}.api-region-slider{position: absolute;top: 0.25rem;bottom: 0.25rem;left: 0.25rem;width: calc(50% - 0.25rem);background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);border-radius: 0.5rem;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 0;box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4)}.api-region-toggle input[type="radio"]#api-region-eu-other:checked ~ .api-region-slider{transform: translateX(100%)}.api-region-toggle input[type="radio"]#api-region-us-ca:checked ~ .api-region-slider{transform: translateX(0)}@media (max-width: 768px){.api-region-switch-container{margin-top: 0.75rem}.api-region-label{flex-direction: column;gap: 0.5rem;width: 100%}.api-region-label-text{font-size: 0.875rem}.api-region-toggle{width: 100%;justify-content: space-between}.api-region-option{flex: 1;justify-content: center;padding: 0.5rem 0.75rem}.api-region-text{font-size: 0.8125rem}}.error-message{display: flex;align-items: center;gap: 0.5rem;color: #ef4444;background: rgba(239, 68, 68, 0.1);padding: 0.75rem 1rem;border-radius: 0.5rem;margin-top: 1rem;font-size: 0.875rem;border: 1px solid rgba(239, 68, 68, 0.2)}.error-message svg{flex-shrink: 0;color: #ef4444}.hero-stats{display: flex;justify-content: center;gap: 3.5rem;margin-top: 2rem;flex-wrap: wrap;animation: fadeInUp 0.8s ease-out 0.6s both}.stat-item{text-align: center;color: white;padding: 1rem;display: flex;flex-direction: column;align-items: center;gap: 0.5rem;position: relative;transition: transform 0.3s ease}.stat-item:hover{transform: translateY(-3px)}.stat-icon{width: 48px;height: 48px;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: white;margin-bottom: 0.25rem;border: 1px solid rgba(255, 255, 255, 0.15);transition: all 0.3s ease}.stat-item:hover .stat-icon{background: rgba(255, 255, 255, 0.15);transform: scale(1.1);box-shadow: 0 8px 20px rgba(255, 255, 255, 0.1)}.stat-icon svg{width: 20px;height: 20px}.stat-number{display: block;font-size: 2rem;font-weight: 900;line-height: 1;letter-spacing: -0.03em;background: linear-gradient(135deg, #ffffff 0%, #e0e7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.stat-label{font-size: 0.875rem;opacity: 0.85;font-weight: 500;letter-spacing: 0.02em;text-transform: uppercase}.section-header{text-align: center;margin-bottom: 4rem}.section-header h2{font-size: 2.75rem;font-weight: 700;color: #1e293b;margin-bottom: 1rem;line-height: 1.2}.section-subtitle{color: #64748b;font-size: 1.125rem;max-width: 700px;margin: 0 auto;line-height: 1.6}.features-section{padding: 6rem 1.5rem;background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);position: relative;overflow: hidden}.features-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 50%, #3b82f6 100%)}.features-section .container{max-width: 1400px;margin: 0 auto}.features-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;max-width: 1400px;margin: 0 auto}.feature-card{background: white;border-radius: 1.5rem;padding: 2.5rem 2rem;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 2px solid #e2e8f0;position: relative;overflow: hidden;text-align: left;height: 100%;display: flex;flex-direction: column}.feature-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);transform: scaleX(0);transform-origin: left;transition: transform 0.4s ease}.feature-card:hover::before{transform: scaleX(1)}.feature-card:hover{transform: translateY(-8px);box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);border-color: #93c5fd}.feature-icon-wrapper{position: absolute;top: 1.5rem;right: 1.5rem;z-index: 1}.feature-icon{width: 3.5rem;height: 3.5rem;background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);border-radius: 1rem;display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);transition: all 0.3s ease}.feature-card:hover .feature-icon{transform: scale(1.1) rotate(5deg);box-shadow: 0 12px 24px rgba(59, 130, 246, 0.4)}.feature-image{margin-bottom: 1.5rem;border-radius: 1rem;overflow: hidden;height: 200px;position: relative;background: #f8fafc;display: flex;align-items: center;justify-content: center}.feature-image img, .feature-image svg{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.feature-svg{display: block;width: 100%;height: 100%;object-fit: cover}.feature-card:hover .feature-image img, .feature-card:hover .feature-image svg{transform: scale(1.05)}.feature-card h3{font-size: 1.375rem;font-weight: 700;color: #1e293b;margin-bottom: 0.75rem;line-height: 1.3}.feature-card p{color: #64748b;margin-bottom: 0.5rem;line-height: 1.7;font-size: 0.9375rem;flex-grow: 1}.feature-list{list-style: none;padding: 0;margin: 0;margin-top: 0}.feature-list li{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem;color: #475569;font-size: 0.9375rem}.feature-list li svg{flex-shrink: 0;color: #10b981;width: 18px;height: 18px}.how-it-works-section{padding: 6rem 1.5rem;background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);position: relative}.how-it-works-section .container{max-width: 1400px;margin: 0 auto}.steps-container{position: relative;max-width: 1200px;margin: 0 auto}.steps-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3rem;position: relative}.step-card{background: white;border-radius: 1.5rem;padding: 2.5rem 2rem;text-align: left;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);border: 2px solid #e2e8f0;position: relative;display: flex;flex-direction: column;height: 100%}.step-card:hover{transform: translateY(-8px);box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);border-color: #93c5fd}.step-number-wrapper{display: flex;align-items: center;margin-bottom: 1.5rem;gap: 1rem}.step-number{width: 3.5rem;height: 3.5rem;background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1.25rem;box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);flex-shrink: 0}.step-connector{flex: 1;height: 3px;background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);border-radius: 2px;opacity: 0.3}.step-content{flex: 1}.step-icon{width: 4rem;height: 4rem;background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border-radius: 1rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;color: #3b82f6;transition: all 0.3s ease;margin:auto}.step-card:hover .step-icon{background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);color: white;transform: scale(1.05)}.step-card h3{font-size: 1.375rem;font-weight: 700;color: #1e293b;margin-bottom: 0.75rem;line-height: 1.3}.step-card p{color: #64748b;margin-bottom: 1.5rem;line-height: 1.7;font-size: 0.9375rem}.step-details ul{list-style: none;padding: 0;margin: 0}.step-details li{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem;color: #475569;font-size: 0.9375rem}.step-details li svg{flex-shrink: 0;color: #10b981;width: 16px;height: 16px}.testimonials-section{padding: 6rem 1.5rem;background: white;position: relative;overflow: hidden}.testimonials-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #10b981 0%, #059669 50%, #10b981 100%)}.testimonials-section .container{max-width: 1400px;margin: 0 auto}.testimonials-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;max-width: 1400px;margin: 0 auto 4rem;align-items: start}.testimonial-card{background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);padding: 2.5rem 2rem;border-radius: 1.5rem;text-align: left;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 2px solid #e2e8f0;position: relative;display: flex;flex-direction: column;min-height: auto;height: auto}.testimonial-card:hover{transform: translateY(-8px);box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);border-color: #6ee7b7}.testimonial-rating{display: flex;gap: 0.25rem;margin-bottom: 1rem}.testimonial-rating .star{color: #fbbf24;font-size: 1.125rem;line-height: 1}.quote-icon{position: absolute;top: 1.5rem;right: 1.5rem;width: 3rem;height: 3rem;background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #10b981;opacity: 0.6}.testimonial-quote{font-style: normal;margin-bottom: 1.5rem;color: #1e293b;line-height: 1.7;font-size: 0.9375rem;flex-grow: 1;position: relative;padding-left: 1rem;border-left: 3px solid #10b981}.testimonial-author{display: flex;align-items: center;gap: 1rem;margin-top: 1.5rem;padding-top: 1rem;border-top: 1px solid rgba(226, 232, 240, 0.5)}.testimonial-image-wrapper{width: 3.5rem;height: 3.5rem;border-radius: 50%;overflow: hidden;border: 3px solid #e2e8f0;flex-shrink: 0}.testimonial-image{width: 100%;height: 100%;object-fit: cover}.author-info{flex: 1}.author-info h4{margin: 0 0 0.25rem 0;color: #1e293b;font-size: 1rem;font-weight: 600}.author-info span{color: #64748b;font-size: 0.875rem}.trust-badges{display: flex;justify-content: center;gap: 3rem;flex-wrap: wrap;max-width: 1000px;margin: 0 auto}.trust-badge{display: flex;align-items: center;gap: 0.75rem;padding: 1rem 1.5rem;background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);border-radius: 2rem;border: 2px solid #86efac;transition: all 0.3s ease}.trust-badge:hover{transform: translateY(-4px);box-shadow: 0 8px 16px rgba(16, 185, 129, 0.2);border-color: #10b981}.badge-icon{width: 2rem;height: 2rem;background: linear-gradient(135deg, #10b981 0%, #059669 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;flex-shrink: 0}.trust-badge span{color: #059669;font-weight: 600;font-size: 0.9375rem}@media (max-width: 1300px){.features-grid{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 768px){.hero-section{padding: 1.5rem 1rem 1rem;min-height: auto}.hero-title-main{font-size: 1.75rem;margin-bottom: 0.375rem;line-height: 1.1}.hero-subtitle{font-size: 0.9375rem;margin-bottom: 0.75rem;line-height: 1.4}.hero-text{margin-bottom: 0.75rem}.vin-search-form{margin-bottom: 0.75rem}.search-container{flex-direction: column;gap: 0.5rem;padding: 0.75rem;border-radius: 0.875rem}.search-icon-wrapper{display: none}.vin-input{padding: 0.875rem;text-align: center;font-size: 0.9375rem}.search-button{width: 100%;justify-content: center;padding: 0.875rem 1.25rem;font-size: 0.875rem}.hero-stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.5rem;margin-top: 0.5rem;max-width: 100%;margin-left: auto;margin-right: auto}.stat-item{padding: 0.375rem 0.125rem;gap: 0.125rem}.stat-icon{width: 28px;height: 28px;margin-bottom: 0}.stat-icon svg{width: 12px;height: 12px}.stat-number{font-size: 1.125rem;line-height: 1}.stat-label{font-size: 0.6rem;line-height: 1.1}}@media (max-width: 480px){.hero-section{padding: 2rem 1rem 1.25rem}.hero-title-main{font-size: 1.5rem;margin-bottom: 0.375rem}.hero-subtitle{font-size: 0.875rem;margin-bottom: 0.875rem}.hero-text{margin-bottom: 0.875rem}.vin-search-form{margin-bottom: 0.875rem}.search-container{padding: 0.625rem;gap: 0.5rem}.vin-input{padding: 0.75rem;font-size: 0.875rem}.search-button{padding: 0.75rem 1rem;font-size: 0.8125rem}.hero-stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.25rem;margin-top: 0.5rem;max-width: 100%}.stat-item{padding: 0.375rem 0.125rem;gap: 0.125rem}.stat-icon{width: 28px;height: 28px}.stat-icon svg{width: 12px;height: 12px}.stat-number{font-size: 1.125rem}.stat-label{font-size: 0.6rem}}@media (max-width: 1024px){.testimonials-grid{grid-template-columns: repeat(2, 1fr)}.steps-grid{gap: 2rem}.step-connector{display: none}}@media (max-width: 768px){.section-header h2{font-size: 2rem}.section-subtitle{font-size: 1rem}.features-section, .how-it-works-section, .testimonials-section{padding: 4rem 1rem}.features-grid, .steps-grid, .testimonials-grid{grid-template-columns: 1fr;gap: 1.5rem}.feature-card, .step-card, .testimonial-card{padding: 2rem 1.5rem}.trust-badges{flex-direction: column;gap: 1rem;align-items: center}.trust-badge{width: 100%;max-width: 300px;justify-content: center}.cta-features{flex-direction: column;gap: 1.5rem}.cta-buttons{flex-direction: column;align-items: center;gap: 1rem}.cta-section .btn-primary{width: 100%;max-width: 300px;justify-content: center;padding: 1rem 2rem;font-size: 1rem}}@media (max-width: 480px){.section-header h2{font-size: 1.75rem}.feature-icon, .step-icon{width: 3rem;height: 3rem}.step-number{width: 3rem;height: 3rem;font-size: 1.125rem}}.cta-section{padding: 6rem 0;background: linear-gradient(135deg, #2563eb, #1e40af);color: white;text-align: center;position: relative;overflow: hidden}.cta-background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden}.cta-svg-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0}.cta-section .container{position: relative;z-index: 1}.cta-features{display: flex;justify-content: center;gap: 3rem;margin: 2rem 0}.cta-feature{display: flex;align-items: center;gap: 0.5rem}.cta-buttons{display: flex;justify-content: center;gap: 1rem;margin: auto;flex-wrap: wrap}.cta-section .btn-primary{background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);color: #2563eb;padding: 1.125rem 2.5rem;border: none;border-radius: 1rem;font-weight: 700;font-size: 1.0625rem;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: inline-flex;align-items: center;gap: 0.75rem;text-decoration: none;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1);position: relative;overflow: hidden;white-space: nowrap}.cta-section .btn-primary::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.1), transparent);transition: left 0.5s ease}.cta-section .btn-primary:hover::before{left: 100%}.cta-section .btn-primary:hover{background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);transform: translateY(-3px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2);color: #1e40af}.cta-section .btn-primary:active{transform: translateY(-1px)}.cta-section .btn-primary i, .cta-section .btn-primary svg{width: 20px;height: 20px;stroke-width: 2.5;position: relative;z-index: 1}.cta-guarantee{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 2rem;opacity: 0.9}.hero-subtitle{text-wrap: balance}.api-region-option{color: rgba(255, 255, 255, 0.85)}.api-region-option:hover{color: #ffffff}.hero-trust-line{display: flex;justify-content: center;gap: 1.75rem;flex-wrap: wrap;margin: -0.5rem auto 2rem;animation: fadeInUp 0.8s ease-out 0.5s both}.hero-trust-line .trust-item{display: inline-flex;align-items: center;gap: 0.4rem;color: rgba(255, 255, 255, 0.85);font-size: 0.875rem;font-weight: 500}.hero-trust-line .trust-item svg{color: #34d399;flex-shrink: 0}@media (max-width: 640px){.hero-trust-line{gap: 0.75rem 1.25rem}}
.why-choose-us-section{padding: 5rem 1.5rem;margin-top: 2rem;background: #ffffff;position: relative;overflow: hidden}.why-choose-us-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 50%, #3b82f6 100%)}.why-choose-us-section .container{max-width: 1400px;margin: 0 auto}.section-header{text-align: center;margin-bottom: 3.5rem}.why-choose-us-section h2{font-size: 2.5rem;font-weight: 700;color: #1e293b;margin-bottom: 0.75rem}.why-choose-us-section .section-subtitle{color: #64748b;font-size: 1.125rem;font-weight: 400;margin: 0;max-width: 600px;margin-left: auto;margin-right: auto}.comparison-container{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: start;margin-bottom: 4rem}.comparison-image{position: relative;border-radius: 1.5rem;overflow: hidden;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);background: #f8fafc;transition: transform 0.3s ease, box-shadow 0.3s ease}.comparison-image:hover{transform: translateY(-8px);box-shadow: 0 25px 70px rgba(0, 0, 0, 0.18)}.image-wrapper{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 1.5rem}.comparison-image img{width: 100%;height: auto;display: block;border-radius: 1.5rem;transition: transform 0.5s ease;object-fit: cover}.comparison-image:hover img{transform: scale(1.05)}.image-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);border-radius: 1.5rem;display: flex;align-items: flex-end;justify-content: flex-start;padding: 1.5rem;opacity: 0;transition: opacity 0.3s ease}.comparison-image:hover .image-overlay{opacity: 1}.overlay-badge{display: flex;align-items: center;gap: 0.5rem;background: linear-gradient(135deg, rgba(16, 185, 129, 0.95) 0%, rgba(5, 150, 105, 0.95) 100%);color: white;padding: 0.75rem 1.25rem;border-radius: 2rem;font-weight: 700;font-size: 0.9375rem;box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);backdrop-filter: blur(10px);animation: slideUp 0.5s ease 0.2s both}.overlay-badge svg{width: 20px;height: 20px;stroke-width: 3}@keyframes slideUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.benefits-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem}.benefit-card{background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);border-radius: 1rem;padding: 2rem 1.75rem;text-align: left;transition: all 0.3s ease;border: 2px solid #e2e8f0;position: relative;height: 100%}.benefit-card:hover{transform: translateY(-4px);box-shadow: 0 12px 32px rgba(59, 130, 246, 0.1);border-color: #93c5fd}.benefit-icon{width: 3.5rem;height: 3.5rem;background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);border-radius: 0.875rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1.25rem;color: white;box-shadow: 0 8px 16px rgba(59, 130, 246, 0.25);transition: all 0.3s ease}.benefit-card:hover .benefit-icon{transform: scale(1.05);box-shadow: 0 12px 24px rgba(59, 130, 246, 0.35)}.benefit-icon svg{width: 24px;height: 24px;stroke-width: 2.5}.benefit-icon i{font-size: 1.5rem}.benefit-card h3{font-size: 1.25rem;font-weight: 700;color: #1e293b;margin-bottom: 0.75rem;line-height: 1.3}.benefit-card p{color: #64748b;line-height: 1.6;font-size: 0.9375rem;margin-bottom: 1rem}.benefit-badge{display: block;background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);color: #1e40af;padding: 0.4rem 1rem;border-radius: 1.5rem;font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.025em;width: 100px;border: 1.5px solid #93c5fd;margin: auto;text-align: center}.comparison-table{background: white;border-radius: 1.25rem;padding: 2.5rem;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);border: 2px solid #e2e8f0;grid-column: 1 / -1}.comparison-table h3{font-size: 1.875rem;font-weight: 700;color: #1e293b;margin-bottom: 1.75rem;text-align: center}.table-wrapper{overflow-x: auto;border-radius: 1rem}.comparison-table table{width: 100%;border-collapse: separate;border-spacing: 0}.comparison-table thead th{background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);padding: 1.5rem 1.25rem;text-align: center;font-weight: 700;color: #1e293b;font-size: 1.0625rem;border-bottom: 3px solid #e2e8f0;position: relative}.comparison-table thead th:first-child{border-top-left-radius: 1rem;text-align: left}.comparison-table thead th:last-child{border-top-right-radius: 1rem}.table-header-content{display: flex;flex-direction: column;gap: 0.5rem;align-items: center}.badge-winner{display: inline-block;background: linear-gradient(135deg, #10b981 0%, #059669 100%);color: white;padding: 0.375rem 0.875rem;border-radius: 1.5rem;font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3)}.comparison-table th.highlight{background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);border-left: 3px solid #10b981;border-right: 3px solid #10b981;border-bottom-color: #10b981}.comparison-table tbody td{padding: 1.25rem;text-align: center;border-bottom: 1px solid #e5e7eb;color: #64748b;font-size: 0.9375rem;position: relative;overflow: hidden}.comparison-table tbody td:not(:first-child){text-align: left}.comparison-table tbody td:first-child{text-align: left;color: #1e293b;font-weight: 600}.comparison-table tbody tr:last-child td{border-bottom: none}.comparison-table tbody tr:last-child td:first-child{border-bottom-left-radius: 1rem}.comparison-table tbody tr:last-child td:last-child{border-bottom-right-radius: 1rem}.comparison-table td.highlight{background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);color: #059669;font-weight: 700;border-left: 3px solid #10b981;border-right: 3px solid #10b981}.comparison-table tbody tr:hover{background: #f9fafb}.comparison-table tbody tr:hover td.highlight{background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%)}.check-mark{float: left;width: 1.75rem;height: 1.75rem;background: linear-gradient(135deg, #10b981 0%, #059669 100%);color: white;border-radius: 50%;font-weight: 900;font-size: 0.875rem;line-height: 1.75rem;text-align: center;margin-right: 0.625rem;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);flex-shrink: 0}.x-mark{float: left;width: 1.75rem;height: 1.75rem;background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color: white;border-radius: 50%;font-weight: 900;font-size: 0.875rem;line-height: 1.75rem;text-align: center;margin-right: 0.625rem;box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);flex-shrink: 0}.warning-mark{float: left;width: 1.75rem;height: 1.75rem;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color: white;border-radius: 50%;font-weight: 900;font-size: 0.875rem;line-height: 1.75rem;text-align: center;margin-right: 0.625rem;box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);flex-shrink: 0}.comparison-cards{display: none}@media (max-width: 1200px){.comparison-container{gap: 3rem}}@media (max-width: 968px){.comparison-container{grid-template-columns: 1fr;gap: 3rem}.comparison-image{max-width: 600px;margin: 0 auto}.benefits-grid{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 768px){.why-choose-us-section{padding: 3rem 1rem;margin-top: 1rem}.why-choose-us-section h2{font-size: 1rem}.why-choose-us-section .section-subtitle{font-size: 1rem}.comparison-container{gap: 2.5rem}.benefits-grid{grid-template-columns: 1fr;gap: 1.25rem}.comparison-table{padding: 1.5rem 1rem}.comparison-table h3{font-size: 1.5rem;margin-bottom: 1.5rem}.table-wrapper{display: none}.comparison-table{display: block}.comparison-cards{display: flex;flex-direction: column;gap: 1rem}.comparison-card{background: white;border: 2px solid #e2e8f0;border-radius: 1rem;padding: 1.25rem;display: flex;flex-direction: column;gap: 1rem}.comparison-card.highlight-card{border-color: #10b981;background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%)}.comparison-card-feature{font-size: 1rem;font-weight: 700;color: #1e293b;margin-bottom: 0.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.comparison-card-row{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem;border-radius: 0.5rem;background: #f8fafc}.comparison-card-row.highlight-row{background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);border: 1px solid #10b981}.comparison-card-label{font-size: 0.875rem;font-weight: 600;color: #64748b}.comparison-card-value{display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;font-weight: 600}.comparison-card-value.highlight-value{color: #059669}.comparison-card-value.other-value{color: #64748b}}@media (max-width: 480px){.why-choose-us-section{padding: 3rem 1rem}.benefit-card{padding: 1.75rem 1.5rem}.benefit-icon{width: 3rem;height: 3rem;margin: auto}.benefit-icon svg, .benefit-icon i{font-size: 1.25rem}.benefit-card h3{font-size: 1.125rem}.comparison-table{padding: 1.25rem 0.75rem}.comparison-table h3{font-size: 1.375rem;margin-bottom: 1.25rem}.comparison-card{padding: 1rem;gap: 0.75rem}.comparison-card-feature{font-size: 0.9375rem;padding-bottom: 0.625rem}.comparison-card-row{padding: 0.625rem}.comparison-card-label, .comparison-card-value{font-size: 0.8125rem}.check-mark, .x-mark, .warning-mark{width: 1.25rem;height: 1.25rem;line-height: 1.25rem;font-size: 0.6875rem;margin-right: 0.375rem}}
.profile-page{padding: 2rem 0;background: #f8fafc;min-height: calc(100vh - 80px)}.profile-header{background: white;padding: 2rem;border-radius: 1rem;margin-bottom: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.profile-header h1{font-size: 2rem;font-weight: 700;color: #1e293b;margin: 0}.profile-content{background: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.profile-form{max-width: 800px;margin: 0 auto}.form-section{margin-bottom: 3rem;padding-bottom: 2rem;border-bottom: 1px solid #e2e8f0}.form-section:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}.form-section h2{font-size: 1.5rem;font-weight: 600;color: #1e293b;margin-bottom: 1.5rem}.section-description{color: #64748b;font-size: 0.875rem;margin-bottom: 1.5rem}.form-row{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem}.form-group{margin-bottom: 1.5rem}.form-group label{display: block;font-weight: 500;margin-bottom: 0.5rem;color: #1e293b}.form-input{width: 100%;border: 1px solid #e2e8f0;border-radius: 0.5rem;font-size: 1rem;transition: all 0.2s}.form-input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)}.form-actions{display: flex;gap: 1rem;justify-content: flex-end;margin-top: 2rem}.btn-primary, .btn-secondary{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;border-radius: 0.5rem;font-weight: 500;transition: all 0.2s}.btn-primary{background: var(--primary-color);color: white;border: none}.btn-primary:hover{background: var(--primary-dark);transform: translateY(-1px)}.btn-secondary{background: #f1f5f9;color: #1e293b;border: 1px solid #e2e8f0}.btn-secondary:hover{background: #e2e8f0;transform: translateY(-1px)}.error-message{display: flex;align-items: center;gap: 0.5rem;background: #fee2e2;color: #dc2626;padding: 1rem;border-radius: 0.5rem;margin-bottom: 1.5rem}.error-message i{width: 1.25rem;height: 1.25rem}@media (max-width: 768px){.form-row{grid-template-columns: 1fr}.form-actions{flex-direction: column}.btn-primary, .btn-secondary{width: 100%;justify-content: center}}
.settings-page{padding: 2rem 0;background: #f8fafc;min-height: calc(100vh - 80px)}.settings-layout{display: grid;grid-template-columns: 250px 1fr;gap: 2rem;align-items: start}.settings-sidebar{background: white;padding: 1.5rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.settings-sidebar h2{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.settings-nav{display: flex;flex-direction: column;gap: 0.5rem}.nav-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1rem;color: #64748b;text-decoration: none;border-radius: 0.5rem;transition: all 0.2s}.nav-item:hover{background: #f1f5f9;color: #1e293b}.nav-item.active{background: var(--primary-color);color: white}.nav-item i{width: 1.25rem;height: 1.25rem}.settings-content{background: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.settings-section{margin-bottom: 3rem}.settings-section:last-child{margin-bottom: 0}.settings-section h2{font-size: 1.5rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem}.section-description{color: #64748b;margin-bottom: 2rem}.setting-item{padding: 1.5rem;border: 1px solid #e2e8f0;border-radius: 0.75rem;margin-bottom: 1rem}.setting-item:hover{background: #f8fafc}.setting-label{display: flex;align-items: center;gap: 0.75rem;font-weight: 500;color: #1e293b;margin-bottom: 0.5rem}.setting-description{color: #64748b;font-size: 0.875rem;margin-left: 2rem}.form-actions{margin-top: 2rem;display: flex;justify-content: flex-end;gap: 1rem}.btn-primary, .btn-secondary, .btn-danger{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;border-radius: 0.5rem;font-weight: 500;transition: all 0.2s}.btn-primary{background: var(--primary-color);color: white;border: none;text-decoration: none}.btn-primary:hover{background: var(--primary-dark);transform: translateY(-1px)}.btn-secondary{background: #f1f5f9;color: #1e293b;border: 1px solid #e2e8f0}.btn-secondary:hover{background: #e2e8f0;transform: translateY(-1px)}.btn-danger{background: #fee2e2;color: #dc2626;border: 1px solid #fecaca}.btn-danger:hover{background: #fecaca;transform: translateY(-1px)}.error-message{display: flex;align-items: center;gap: 0.5rem;background: #fee2e2;color: #dc2626;padding: 1rem;border-radius: 0.5rem;margin-bottom: 1.5rem}.error-message i{width: 1.25rem;height: 1.25rem}.billing-table{width: 100%;overflow-x: auto;margin-bottom: 2rem}.billing-table table{width: 100%;border-collapse: collapse}.billing-table th{background: #f8fafc;padding: 1rem;text-align: left;font-weight: 500;color: #1e293b;border-bottom: 2px solid #e2e8f0}.billing-table td{padding: 1rem;border-bottom: 1px solid #e2e8f0}.btn-download{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;background: #f1f5f9;color: #1e293b;border-radius: 0.5rem;font-size: 0.875rem;text-decoration: none;transition: all 0.2s}.btn-download:hover{background: #e2e8f0;transform: translateY(-1px)}.subscription-info{background: #f8fafc;padding: 1.5rem;border-radius: 0.75rem;margin-bottom: 2rem}.subscription-details{display: grid;gap: 1rem;margin: 1rem 0}.detail-item{display: flex;align-items: center;gap: 0.5rem}.detail-item .label{font-weight: 500;color: #64748b}.detail-item .value{color: #1e293b}.status-active{color: #059669}.status-canceled{color: #dc2626}.privacy-section{margin-bottom: 3rem;padding-bottom: 2rem;border-bottom: 1px solid #e2e8f0}.privacy-section:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none}.danger-zone{background: #fef2f2;padding: 1.5rem;border-radius: 0.75rem}.danger-zone h3{color: #dc2626}@media (max-width: 768px){.settings-layout{grid-template-columns: 1fr}.form-actions{flex-direction: column}.btn-primary, .btn-secondary, .btn-danger{width: 80%;justify-content: center}}
.contact-page{padding: 4rem 0;background: #f8fafc;min-height: calc(100vh - 80px)}.contact-header{text-align: center;margin-bottom: 3rem}.contact-header h1{font-size: 2.5rem;font-weight: 700;color: #1e293b;margin-bottom: 1rem}.contact-header p{color: #64748b;font-size: 1.125rem;max-width: 600px;margin: 0 auto}.contact-content{display: grid;grid-template-columns: 1fr 2fr;gap: 3rem;max-width: 1200px;margin: 0 auto}.contact-info{display: flex;flex-direction: column;gap: 1.5rem}.info-card{background: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);text-align: center;transition: all 0.3s ease}.info-card:hover{transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.info-card i{width: 2.5rem;height: 2.5rem;color: var(--primary-color);margin-bottom: 1rem}.info-card h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 0.75rem}.info-card p{color: #64748b;margin: 0.25rem 0}.contact-form-container{background: white;padding: 2.5rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.contact-form{display: flex;flex-direction: column;gap: 1.5rem}.form-row{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem}.form-group{display: flex;flex-direction: column;gap: 0.5rem}.form-group label{font-weight: 500;color: #1e293b}.form-input{border: 1px solid #e2e8f0;border-radius: 0.5rem;font-size: 1rem;transition: all 0.2s}.form-input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)}textarea.form-input{resize: vertical;min-height: 120px}.captcha-group input{max-width: 150px}.btn-submit{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1rem 2rem;background: var(--primary-color);color: white;border: none;border-radius: 0.5rem;font-size: 1rem;font-weight: 500;cursor: pointer;transition: all 0.2s}.btn-submit:hover{background: var(--secondary-color);transform: translateY(-1px)}.btn-submit i{width: 1.25rem;height: 1.25rem}.error-message, .success-message{display: flex;align-items: center;gap: 0.5rem;padding: 1rem;border-radius: 0.5rem;margin-bottom: 1.5rem}.error-message{background: #fee2e2;color: #dc2626;border: 1px solid #fecaca}.success-message{background: #ecfdf5;color: #059669;border: 1px solid #a7f3d0}.error-message i, .success-message i{width: 1.25rem;height: 1.25rem}@media (max-width: 768px){.contact-content{grid-template-columns: 1fr}.contact-info{order: 2}.form-row{grid-template-columns: 1fr}}
.about-page{background: #f8fafc}.about-hero{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 6rem 0;text-align: center;color: white;margin-bottom: 4rem}.about-hero h1{font-size: 3.5rem;font-weight: 800;margin-bottom: 1rem;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.about-hero .hero-subtitle{font-size: 1.25rem;opacity: 0.9;max-width: 600px;margin: 0 auto}.about-content{padding: 2rem 0 6rem}.about-content .mission-section{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;margin-bottom: 6rem}.about-content .section-content h2{font-size: 2.5rem;font-weight: 700;color: #1e293b;margin-bottom: 2rem}.about-content .section-content p{color: #64748b;font-size: 1.125rem;line-height: 1.8;margin-bottom: 1.5rem}.about-content .section-image img{width: 100%;border-radius: 1rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease}.about-content .section-image img:hover{transform: translateY(-10px)}.about-content .team-section{text-align: center;margin-bottom: 6rem}.about-content .team-section h2{font-size: 2.5rem;font-weight: 700;color: #1e293b;margin-bottom: 3rem}.about-content .team-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-bottom: 4rem}.about-content .team-member{background: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease}.about-content .team-member:hover{transform: translateY(-5px)}.about-content .member-photo{width: 150px;height: 150px;margin: 0 auto 1.5rem;border-radius: 50%;overflow: hidden}.about-content .member-photo img{width: 100%;height: 100%;object-fit: cover}.about-content .team-member h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 0.5rem}.about-content .member-role{display: block;color: var(--primary-color);font-weight: 500;margin-bottom: 1rem}.about-content .team-member p{color: #64748b;font-size: 0.875rem}.about-content .values-section{text-align: center;margin-bottom: 6rem}.about-content .values-section h2{font-size: 2.5rem;font-weight: 700;color: #1e293b;margin-bottom: 3rem}.about-content .values-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem}.about-content .value-card{background: white;padding: 2rem;border-radius: 1rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease}.about-content .value-card:hover{transform: translateY(-5px);box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1)}.about-content .value-card i{width: 2.5rem;height: 2.5rem;color: var(--primary-color);margin-bottom: 1.5rem}.about-content .value-card h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem}.about-content .value-card p{color: #64748b;font-size: 0.875rem;line-height: 1.6}.about-content .stats-section{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;margin-top: 4rem}.about-content .stat-card{background: white;padding: 2rem;border-radius: 1rem;text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease}.about-content .stat-card:hover{transform: translateY(-5px)}.about-content .stat-number{display: block;font-size: 2.5rem;font-weight: 700;color: var(--primary-color);margin-bottom: 0.5rem}.about-content .stat-label{color: #64748b;font-size: 0.875rem}@media (max-width: 1024px){.about-content .values-grid{grid-template-columns: repeat(2, 1fr)}.about-content .stats-section{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 768px){.about-hero h1{font-size: 2.5rem}.about-content .mission-section{grid-template-columns: 1fr;gap: 2rem}.about-content .team-grid{grid-template-columns: 1fr}.about-content .values-grid{grid-template-columns: 1fr}.about-content .stats-section{grid-template-columns: 1fr}}
.faq-page{background: #f8fafc}.faq-content{padding: 2rem 0 6rem}.faq-content .faq-hero{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 6rem 0;text-align: center;color: white;margin-bottom: 4rem}.faq-content .faq-hero h1{font-size: 3.5rem;font-weight: 800;margin-bottom: 1rem;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.faq-content .faq-hero .hero-subtitle{font-size: 1.25rem;opacity: 0.9;max-width: 600px;margin: 0 auto}.faq-content .faq-search{max-width: 600px;margin: 0 auto 4rem}.faq-content .search-box{background: white;border-radius: 1rem;padding: 1rem 1.5rem;display: flex;align-items: center;gap: 1rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.faq-content .search-box i{color: #64748b}.faq-content .search-box input{flex: 1;border: none;outline: none;font-size: 1rem;color: #1e293b}.faq-content .search-box input::placeholder{color: #94a3b8}.faq-content .faq-categories{max-width: 800px;margin: 0 auto}.faq-content .category-section{margin-bottom: 4rem}.faq-content .category-section h2{font-size: 1.75rem;font-weight: 700;color: #1e293b;margin-bottom: 2rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.faq-content .faq-list{display: flex;flex-direction: column;gap: 1rem}.faq-content .faq-item{background: white;border-radius: 1rem;overflow: hidden;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05)}.faq-content .faq-question{width: 100%;padding: 1.5rem;display: flex;justify-content: space-between;align-items: center;background: none;border: none;cursor: pointer;text-align: left;font-size: 1.125rem;font-weight: 500;color: #1e293b;transition: all 0.3s ease}.faq-content .faq-question:hover{background: #f8fafc}.faq-content .faq-question.active{background: #f8fafc;border-bottom: 1px solid #e2e8f0}.faq-content .faq-question i{transition: transform 0.3s ease}.faq-content .faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.3s ease}.faq-content .faq-answer p{padding: 1.5rem;padding-top: 0;color: #64748b;line-height: 1.6}.faq-content .faq-answer ul{padding: 0 1.5rem 1.5rem 3rem;color: #64748b}.faq-content .faq-answer li{margin-bottom: 0.5rem}.faq-content .faq-contact{max-width: 600px;margin: 4rem auto 0}.faq-content .contact-card{background: white;padding: 2rem;border-radius: 1rem;text-align: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.faq-content .contact-card h3{font-size: 1.5rem;font-weight: 600;color: #1e293b;margin-bottom: 0.5rem}.faq-content .contact-card p{color: #64748b;margin-bottom: 1.5rem}.faq-content .contact-actions{display: flex;justify-content: center;gap: 1rem}.faq-content .btn-primary{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: var(--primary-color);color: white;border-radius: 0.5rem;font-weight: 500;text-decoration: none;transition: all 0.2s ease}.faq-content .btn-primary:hover{background: var(--secondary-color);transform: translateY(-1px)}@media (max-width: 768px){.faq-content .faq-hero h1{font-size: 2.5rem}.faq-content .faq-question{font-size: 1rem;padding: 1.25rem}.faq-content .contact-actions{flex-direction: column}.faq-content .btn-primary{width: 100%;justify-content: center}}
.vs-page{max-width: 920px;margin: 5.5rem auto 4rem;padding: 0 1rem}.vs-card{background: #fff;border: 1px solid #e2e8f0;border-radius: 18px;box-shadow: 0 20px 50px -20px rgba(15, 23, 42, .25), 0 2px 6px rgba(15, 23, 42, .05);overflow: hidden}.vs-head{display: flex;align-items: center;gap: 1.25rem;padding: 1.6rem 1.75rem;color: #fff;background: radial-gradient(900px 260px at 0% 0%, rgba(0, 208, 132, .18), transparent 60%), linear-gradient(135deg, #0b2a5b 0%, #0056b3 55%, #1d4ed8 100%)}.vs-head-text{flex: 1;min-width: 0}.vs-eyebrow{display: inline-flex;align-items: center;gap: .45rem;font-size: .72rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: rgba(255, 255, 255, .8)}.vs-live{width: 8px;height: 8px;border-radius: 50%;background: #00d084;box-shadow: 0 0 0 0 rgba(0, 208, 132, .7);animation: vs-live 1.6s ease-out infinite}@keyframes vs-live{0%{box-shadow: 0 0 0 0 rgba(0,208,132,.7)}100%{box-shadow: 0 0 0 10px rgba(0,208,132,0)}}.vs-title{margin: .35rem 0 .25rem;font-size: 1.55rem;font-weight: 800;letter-spacing: -.01em;line-height: 1.15}.vs-sub{font-size: .9rem;color: rgba(255, 255, 255, .78);line-height: 1.4}.vs-vin{flex-shrink: 0;display: flex;flex-direction: column;align-items: flex-end;gap: .2rem;padding: .55rem .8rem;background: rgba(255, 255, 255, .1);border: 1px solid rgba(255, 255, 255, .18);border-radius: 10px}.vs-vin span{font-size: .65rem;font-weight: 700;letter-spacing: .14em;color: rgba(255,255,255,.65)}.vs-vin code{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size: .95rem;font-weight: 700;letter-spacing: .04em}.vs-radar{position: relative;width: 56px;height: 56px;flex-shrink: 0}.vs-radar span{position: absolute;inset: 0;border-radius: 50%;border: 2px solid rgba(0, 208, 132, .55);animation: vs-ring 2.4s cubic-bezier(.2, .7, .3, 1) infinite}.vs-radar span:nth-child(2){animation-delay: .8s}.vs-radar span:nth-child(3){animation-delay: 1.6s}.vs-radar b{position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;margin: -7px 0 0 -7px;border-radius: 50%;background: #00d084;box-shadow: 0 0 18px rgba(0, 208, 132, .9)}@keyframes vs-ring{0%{transform: scale(.25);opacity: 1}100%{transform: scale(1.15);opacity: 0}}.vs-vehicle{display: flex;align-items: center;gap: 1rem;padding: 1.1rem 1.75rem;background: #f8fafc;border-bottom: 1px solid #e2e8f0}.vs-logo{width: 64px;height: 64px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #e2e8f0;border-radius: 14px}.vs-logo img{max-width: 46px;max-height: 46px;object-fit: contain}.vs-logo i, .vs-logo svg{width: 28px;height: 28px;color: #94a3b8}.vs-vehicle-text{flex: 1;min-width: 0}.vs-vehicle-name{font-size: 1.25rem;font-weight: 800;color: #1e293b;letter-spacing: -.01em;min-height: 1.5em}.vs-vehicle-meta{font-size: .85rem;color: #64748b;margin-top: .15rem}.vs-vehicle-badge{display: inline-flex;align-items: center;gap: .4rem;padding: .4rem .7rem;border-radius: 999px;font-size: .78rem;font-weight: 700;color: #047857;background: #ecfdf5;border: 1px solid #a7f3d0;animation: vs-pop .35s ease-out}.vs-vehicle-badge svg{width: 14px;height: 14px}.vs-vehicle-badge[hidden]{display: none}@keyframes vs-pop{from{transform: scale(.85);opacity: 0}to{transform: none;opacity: 1}}.vs-skel{display: inline-block;height: 1em;width: 55%;border-radius: 6px;vertical-align: middle;background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 37%, #e2e8f0 63%);background-size: 400% 100%;animation: vs-shimmer 1.4s ease infinite}.vs-skel-lg{height: 1.2em}@keyframes vs-shimmer{0%{background-position: 100% 0}100%{background-position: 0 0}}.vs-progress{height: 6px;background: #e2e8f0}.vs-bar{height: 100%;width: 0;background: linear-gradient(90deg, #0056b3, #00d084);background-size: 200% 100%;animation: vs-flow 2s linear infinite;box-shadow: 0 0 12px rgba(0, 208, 132, .5)}@keyframes vs-flow{to{background-position: -200% 0}}.vs-stats{display: grid;grid-template-columns: repeat(3, 1fr);border-bottom: 1px solid #e2e8f0}.vs-stat{padding: 1rem;text-align: center;border-right: 1px solid #e2e8f0}.vs-stat:last-child{border-right: 0}.vs-stat-num{font-size: 1.6rem;font-weight: 800;color: #1e293b;letter-spacing: -.02em;font-variant-numeric: tabular-nums}.vs-stat-lbl{font-size: .72rem;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: #64748b;margin-top: .15rem}.vs-stat-accent .vs-stat-num{color: #0056b3}.vs-complete .vs-stat-accent .vs-stat-num{color: #059669}.vs-grid{display: grid;grid-template-columns: 1fr 1fr;gap: .75rem;padding: 1.25rem 1.75rem}.vs-src{display: flex;align-items: center;gap: .85rem;padding: .85rem 1rem;background: #fff;border: 1px solid #e2e8f0;border-radius: 12px;opacity: .55;transition: opacity .3s, border-color .3s, box-shadow .3s, background .3s, transform .3s}.vs-src[data-state="scan"]{opacity: 1;border-color: #93c5fd;background: #eff6ff;box-shadow: 0 0 0 4px rgba(37, 99, 235, .08);transform: translateY(-1px)}.vs-src[data-state="done"]{opacity: 1;border-color: #bbf7d0;background: #f0fdf4}.vs-src-ico{width: 40px;height: 40px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border-radius: 10px;background: #f1f5f9;color: #64748b;transition: background .3s, color .3s}.vs-src-ico svg{width: 20px;height: 20px}.vs-src[data-state="scan"] .vs-src-ico{background: #dbeafe;color: #1d4ed8}.vs-src[data-state="done"] .vs-src-ico{background: #dcfce7;color: #047857}.vs-src-body{flex: 1;min-width: 0}.vs-src-name{font-weight: 700;color: #1e293b;font-size: .95rem}.vs-src-from{font-size: .76rem;color: #64748b;margin-top: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.vs-src-state{flex-shrink: 0}.vs-pill{display: inline-flex;align-items: center;gap: .35rem;padding: .32rem .6rem;border-radius: 999px;font-size: .74rem;font-weight: 700;white-space: nowrap}.vs-pill svg{width: 12px;height: 12px}.vs-pill-wait{background: #f1f5f9;color: #94a3b8}.vs-pill-scan{background: #dbeafe;color: #1d4ed8}.vs-pill-done{background: #dcfce7;color: #047857}.vs-pill-warn{background: #fef3c7;color: #b45309}.vs-spin{width: 11px;height: 11px;border-radius: 50%;border: 2px solid rgba(29, 78, 216, .25);border-top-color: #1d4ed8;animation: vs-spin .8s linear infinite}@keyframes vs-spin{to{transform: rotate(360deg)}}.vs-foot{display: flex;align-items: center;gap: .6rem;flex-wrap: wrap;padding: .9rem 1.75rem 1.1rem;border-top: 1px solid #e2e8f0;font-size: .8rem;color: #64748b}.vs-foot svg{width: 15px;height: 15px;flex-shrink: 0;color: #94a3b8}.vs-status{margin-left: auto;font-weight: 600;color: #0056b3;font-variant-numeric: tabular-nums}.vs-pulse{animation: vs-pulse 1.2s ease-in-out infinite}@keyframes vs-pulse{50%{opacity: .45}}@media (max-width: 720px){.vs-page{margin-top: 4.5rem}.vs-head{flex-wrap: wrap;padding: 1.25rem 1.1rem}.vs-vin{width: 100%;flex-direction: row;justify-content: space-between;align-items: center}.vs-title{font-size: 1.25rem}.vs-vehicle, .vs-grid, .vs-foot{padding-left: 1.1rem;padding-right: 1.1rem}.vs-grid{grid-template-columns: 1fr}.vs-stat-num{font-size: 1.3rem}.vs-status{margin-left: 0;width: 100%}}.vin-scan-container{max-width: 800px;margin: 4rem auto;margin-top:6rem;padding: 2.5rem;background: white;border-radius: 1rem;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1)}.vin-scan-progress{height: 6px;background: #e2e8f0;border-radius: 3px;margin-bottom: 2.5rem;overflow: hidden;position: relative}.vin-scan-bar{height: 100%;width: 0%;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));position: absolute;top: 0;left: 0;transition: width 0.5s ease-out}.vin-scan-status{display: flex;align-items: center;justify-content: center;gap: 1rem;margin-bottom: 2.5rem;padding: 1rem;background: #f8fafc;border-radius: 0.75rem}.vin-scan-spinner{width: 28px;height: 28px;border: 3px solid #e2e8f0;border-top-color: var(--primary-color);border-radius: 50%;animation: spin 1s linear infinite}.vin-scan-text{font-size: 1.25rem;color: #1e293b;font-weight: 600}.vin-scan-steps-wrapper{overflow: hidden;border-radius: 0.75rem;height: 80px}.vin-scan-steps{display: flex;flex-direction: column;transition: transform 0.5s ease-in-out}.vin-scan-step{flex: 0 0 80px;display: flex;align-items: center;gap: 1.25rem;padding: 1.25rem;background: #f8fafc;border-left: 4px solid transparent;opacity: 0.7;transition: all 0.3s ease}.vin-scan-step.vin-scan-active{opacity: 1;background: white;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.vin-scan-step.vin-scan-complete{border-left-color: #10b981;background: #f0fdf4}.vin-scan-step.vin-scan-error{border-left-color: #ef4444;background: #fef2f2}.vin-scan-step i{width: 24px;height: 24px;color: #64748b;transition: color 0.3s ease}.vin-scan-step.vin-scan-complete i{color: #10b981}.vin-scan-step.vin-scan-error i{color: #ef4444}.vin-scan-step span{flex: 1;font-weight: 500;color: #1e293b}.vin-scan-step-status{font-size: 0.875rem;color: #64748b;transition: color 0.3s ease}.vin-scan-step.vin-scan-complete .vin-scan-step-status{color: #059669}.vin-scan-step.vin-scan-error .vin-scan-step-status{color: #dc2626}@keyframes spin{to{transform: rotate(360deg)}}@media (max-width: 768px){.vin-scan-container{margin: 2rem 1rem;padding: 1.5rem}.vin-scan-text{font-size: 1rem}}
@media (max-width: 1200px){}@media (max-width: 768px){body{overflow-x: hidden;width: 100%}.container{width: 100%;max-width: 100%;padding: 0 1rem;margin: 0 auto;box-sizing: border-box}#main-content{margin-top: 60px;width: 100%}.navbar{height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: 0}.navbar .container{height: 60px;display: flex;align-items: center;justify-content: space-between;padding: 0 1rem}.navbar-brand{font-size: 1.25rem}.nav-links{gap: 0.75rem}.nav-links .btn-primary{padding: 0.5rem 1rem;font-size: 0.875rem}.hero-section{padding: 2rem 1rem;margin-top: 0;box-sizing: border-box}.hero-content{width: 100%;padding: 0}.hero-section h1{font-size: 2rem;line-height: 1.2;margin-bottom: 1rem;word-wrap: break-word}.hero-subtitle{font-size: 1rem;padding: 0 1rem}.hero-stats{flex-direction: column;gap: 1.5rem;padding: 1rem}.vin-search-form{padding: 1rem}.search-container{flex-direction: column;gap: 0.75rem}.vin-input{width: 100%;box-sizing: border-box}.search-button{width: 100%}.features-section{padding: 2rem 1rem}.features-grid, .steps-grid, .testimonials-grid{grid-template-columns: 1fr;gap: 1.5rem;padding: 0}.feature-card{width: 100%;margin: 0;box-sizing: border-box}.preview-section{padding: 0}.preview-content{padding: 1rem;margin: 0;width: 100%;box-sizing: border-box}.vehicle-header{padding: 1.5rem;margin: -1rem -1rem 1rem -1rem}.brand-info{flex-direction: column;text-align: center;gap: 1rem;width: 100%}.vehicle-title h2{font-size: 1.5rem;word-wrap: break-word}.info-grid{grid-template-columns: 1fr;gap: 1rem}.dashboard-section .report-card{padding:0}}@media (max-width: 640px){.header-logo{width: 120px}.discount-timer{max-width: 100%}.discount-timer-countdown{font-size: 1rem;gap: 0.5rem}.price-with-discount .amount{font-size: 2.5rem}.discount-badge{font-size: 0.75rem;padding: 0.25rem 0.5rem}}@media (max-width: 480px){.container{padding: 0 0.75rem}.hero-section h1{font-size: 1.5rem;padding: 0 0.5rem}.navbar-brand{font-size: 1.125rem}.feature-card, .step-card, .testimonial-card{padding: 1rem}.pricing-card{padding: 1rem}.btn-auth, .btn-purchase{padding: 0.75rem 1rem;font-size: 0.875rem}.preview-content{padding: 0.75rem}.vehicle-header{padding: 1rem;margin: -0.75rem -0.75rem 1rem -0.75rem}.btn-view-report, .btn-purchase, .btn-login{width: 70%;max-width: 200px !important}.report-section, .features-section{padding:1px!important}.report-section .feature-group{padding: 1rem}.report-section h2{text-align: center}.report-section .feature-item{width:90%}.oem-packages-section{padding: 1rem}.dashboard .dashboard-section{padding: 1rem}.dashboard .section-header{padding: 0 1rem 0 1rem}.dashboard .container{padding:0!important}.dashboard .report-brand{display: block}}
.privacy-page{background: #f8fafc;padding-bottom: 4rem}.privacy-hero{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 4rem 0;color: white;margin-bottom: 3rem}.privacy-hero h1{font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem}.last-updated{opacity: 0.9;font-size: 0.875rem}.privacy-content{background: white;border-radius: 1rem;padding: 3rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.privacy-section{margin-bottom: 3rem}.privacy-section:last-child{margin-bottom: 0}.privacy-section h2{font-size: 1.75rem;font-weight: 600;color: var(--primary-color);margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.privacy-section h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin: 1.5rem 0 1rem}.privacy-section p{color: #475569;line-height: 1.7;margin-bottom: 1rem}.privacy-section ul{list-style: none;padding-left: 1.5rem;margin-bottom: 1.5rem}.privacy-section ul li{color: #475569;margin-bottom: 0.5rem;position: relative}.privacy-section ul li::before{content: '•';color: var(--primary-color);position: absolute;left: -1.5rem;font-weight: bold}.contact-info{background: #f8fafc;padding: 1.5rem;border-radius: 0.75rem;margin-top: 1rem}.contact-info p{margin-bottom: 0.5rem}.contact-info p:last-child{margin-bottom: 0}.contact-button-wrapper{margin-top: 1.5rem;text-align: center}.btn-contact{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: var(--primary-color);color: white;border-radius: 0.5rem;text-decoration: none;font-weight: 500;transition: all 0.2s ease}.btn-contact:hover{background: var(--secondary-color);transform: translateY(-1px)}.btn-contact i{width: 1.25rem;height: 1.25rem}@media (max-width: 768px){.privacy-hero{padding: 3rem 1rem}.privacy-hero h1{font-size: 2rem}.privacy-content{padding: 1.5rem}.privacy-section h2{font-size: 1.5rem}}
.terms-page{background: #f8fafc;padding-bottom: 4rem}.terms-hero{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 4rem 0;color: white;margin-bottom: 3rem}.terms-hero h1{font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem}.last-updated{opacity: 0.9;font-size: 0.875rem}.terms-content{background: white;border-radius: 1rem;padding: 3rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05)}.terms-section{margin-bottom: 3rem}.terms-section:last-child{margin-bottom: 0}.terms-section h2{font-size: 1.75rem;font-weight: 600;color: var(--primary-color);margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.terms-section p{color: #475569;line-height: 1.7;margin-bottom: 1rem}.terms-section ul{list-style: none;padding-left: 1.5rem;margin-bottom: 1.5rem}.terms-section ul li{color: #475569;margin-bottom: 0.5rem;position: relative}.terms-section ul li::before{content: '•';color: var(--primary-color);position: absolute;left: -1.5rem;font-weight: bold}.contact-info{background: #f8fafc;padding: 1.5rem;border-radius: 0.75rem;margin-top: 1rem}.contact-info p{margin-bottom: 0.5rem}.contact-info p:last-child{margin-bottom: 0}.contact-button-wrapper{margin-top: 1.5rem;text-align: center}.btn-contact{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: var(--primary-color);color: white;border-radius: 0.5rem;text-decoration: none;font-weight: 500;transition: all 0.2s ease}.btn-contact:hover{background: var(--secondary-color);transform: translateY(-1px)}.btn-contact i{width: 1.25rem;height: 1.25rem}@media (max-width: 768px){.terms-hero{padding: 3rem 1rem}.terms-hero h1{font-size: 2rem}.terms-content{padding: 1.5rem}.terms-section h2{font-size: 1.5rem}}
.disclaimer-page{padding: 4rem 0;background: #f8fafc}.disclaimer-header{text-align: center;margin-bottom: 3rem}.disclaimer-header h1{font-size: 2.5rem;font-weight: 700;color: #1e293b;margin-bottom: 0.5rem}.last-updated{color: #64748b;font-size: 0.875rem}.disclaimer-content{max-width: 800px;margin: 0 auto;background: white;border-radius: 1rem;padding: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.disclaimer-section{margin-bottom: 2.5rem;padding-bottom: 2.5rem;border-bottom: 1px solid #e2e8f0}.disclaimer-section:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none}.disclaimer-section h2{font-size: 1.5rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem}.disclaimer-section p{color: #475569;line-height: 1.6;margin-bottom: 1rem}.disclaimer-section ul{list-style-type: none;padding: 0;margin: 0 0 1rem 0}.disclaimer-section ul li{position: relative;padding-left: 1.5rem;margin-bottom: 0.5rem;color: #475569}.disclaimer-section ul li::before{content: '•';position: absolute;left: 0;color: var(--primary-color);font-weight: bold}.contact-info{background: #f8fafc;padding: 1.5rem;border-radius: 0.5rem;margin-top: 1rem}.contact-info p{margin-bottom: 0.5rem}.contact-info p:last-child{margin-bottom: 0}.contact-button-wrapper{margin-top: 1.5rem;text-align: center}.btn-contact{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: var(--primary-color);color: white;border-radius: 0.5rem;text-decoration: none;font-weight: 500;transition: all 0.2s ease}.btn-contact:hover{background: var(--secondary-color);transform: translateY(-1px)}.btn-contact i{width: 1.25rem;height: 1.25rem}@media (max-width: 768px){.disclaimer-page{padding: 2rem 0}.disclaimer-header h1{font-size: 2rem}.disclaimer-content{padding: 1.5rem;margin: 0 1rem}.disclaimer-section{margin-bottom: 2rem;padding-bottom: 2rem}}
.language-popup{position: fixed;bottom: 2rem;right: 2rem;z-index: 1000;animation: slideUp 0.3s ease-out}.language-popup-content{background: white;border-radius: 1rem;padding: 1.5rem;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);max-width: 400px}.language-popup-header{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1rem}.language-popup-header h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin: 0;flex: 1}.language-popup-header i{color: var(--primary-color);width: 1.5rem;height: 1.5rem}.close-popup{background: none;border: none;padding: 0.25rem;cursor: pointer;color: #64748b}.close-popup:hover{color: #1e293b}.language-popup p{color: #64748b;margin-bottom: 1.5rem}.language-popup-actions{display: flex;gap: 1rem}.btn-switch-lang, .btn-stay-english{padding: 0.75rem 1rem;border-radius: 0.5rem;font-weight: 500;cursor: pointer;transition: all 0.2s;border: none;flex: 1}.btn-switch-lang{background: var(--primary-color);color: white}.btn-switch-lang:hover{background: var(--primary-dark)}.btn-stay-english{background: #f1f5f9;color: #1e293b}.btn-stay-english:hover{background: #e2e8f0}@keyframes slideUp{from{transform: translateY(100%);opacity: 0}to{transform: translateY(0);opacity: 1}}@media (max-width: 640px){.language-popup{bottom: 0;right: 0;left: 0}.language-popup-content{border-radius: 1rem 1rem 0 0;margin: 0 1rem}.language-popup-actions{flex-direction: column}}
.blog-page{background: #f8fafc}.blog-hero{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 4rem 0;color: white;text-align: center;margin-bottom: 3rem}.blog-hero h1{font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem}.hero-subtitle{font-size: 1.125rem;opacity: 0.9;max-width: 600px;margin: 0 auto}.blog-layout{display: grid;grid-template-columns: 1fr 300px;gap: 2rem;margin-bottom: 4rem}.posts-grid{display: grid;gap: 2rem;margin-bottom: 3rem}.post-card{background: white;border-radius: 1rem;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);transition: all 0.3s ease}.post-card:hover{transform: translateY(-5px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.post-image{height: 200px;overflow: hidden}.post-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.post-card:hover .post-image img{transform: scale(1.05)}.post-content{padding: 1.5rem}.post-meta{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;font-size: 0.875rem;color: #64748b}.post-categories{display: flex;gap: 0.5rem}.category-tag{background: #e2e8f0;color: #1e293b;padding: 0.25rem 0.75rem;border-radius: 1rem;font-size: 0.75rem;font-weight: 500}.post-title{font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;line-height: 1.4}.post-title a{color: #1e293b;text-decoration: none;transition: color 0.2s}.post-title a:hover{color: var(--primary-color)}.post-excerpt{color: #64748b;margin-bottom: 1.5rem;line-height: 1.6}.post-footer{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;border-top: 1px solid #e2e8f0}.post-author{display: flex;align-items: center;gap: 0.5rem;color: #64748b;font-size: 0.875rem}.post-stats{display: flex;align-items: center;gap: 1rem;color: #64748b;font-size: 0.875rem}.views{display: flex;align-items: center;gap: 0.25rem}.blog-sidebar{position: sticky;top: 100px}.sidebar-widget{background: white;padding: 1.5rem;border-radius: 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);margin-bottom: 2rem}.sidebar-widget h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0}.category-list{list-style: none;padding: 0;margin: 0}.category-list li{margin-bottom: 0.5rem}.category-list a{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem;color: #64748b;text-decoration: none;border-radius: 0.5rem;transition: all 0.2s}.category-list a:hover{background: #f1f5f9;color: #1e293b}.category-list li.active a{background: #2563eb;color: white}.category-list li.active .post-count{background: rgba(255, 255, 255, 0.2);color: white}.post-count{background: #e2e8f0;padding: 0.25rem 0.5rem;border-radius: 1rem;font-size: 0.75rem;font-weight: 500}.blog-post{background: white;border-radius: 1rem;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.post-header{background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color: white;padding: 4rem 0;margin-bottom: 3rem}.post-header h1{font-size: 2.5rem;font-weight: 700;margin: 1rem 0;line-height: 1.3}.post-content{max-width: 800px;margin: 0 auto;padding: 2rem;font-size: 1.125rem;line-height: 1.8;color: #1e293b}.post-content h2{font-size: 1.75rem;font-weight: 600;margin: 2rem 0 1rem;color: #1e293b}.post-content h3{font-size: 1.5rem;font-weight: 600;margin: 1.5rem 0 1rem;color: #1e293b}.post-content p{margin-bottom: 1.5rem}.post-content ul, .post-content ol{margin: 1.5rem 0;padding-left: 1.5rem}.post-content li{margin-bottom: 0.5rem}.post-content .lead{font-size: 1.25rem;color: #475569;margin-bottom: 2rem}.post-footer{max-width: 800px;margin: 3rem auto;padding: 2rem;border-top: 1px solid #e2e8f0}.share-buttons{text-align: center}.share-buttons h3{font-size: 1.25rem;font-weight: 600;margin-bottom: 1rem;color: #1e293b}.share-links{display: flex;justify-content: center;gap: 1rem}.share-link{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;border-radius: 0.5rem;color: white;text-decoration: none;font-weight: 500;transition: all 0.2s}.share-link.twitter{background: #1da1f2}.share-link.facebook{background: #1877f2}.share-link.linkedin{background: #0a66c2}.share-link:hover{transform: translateY(-2px);filter: brightness(110%)}.cta-box{background: #f8fafc;padding: 2rem;border-radius: 1rem;text-align: center;margin: 3rem 0}.cta-box h3{color: #1e293b;margin-bottom: 1rem}.cta-box p{color: #64748b;margin-bottom: 1.5rem}.btn-primary{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: var(--primary-color);color: white;border-radius: 0.5rem;text-decoration: none;font-weight: 500;transition: all 0.2s}.btn-primary:hover{background: var(--secondary-color);transform: translateY(-1px)}@media (max-width: 1024px){.blog-layout{grid-template-columns: 1fr}.blog-sidebar{position: static}}@media (max-width: 768px){.blog-hero h1{font-size: 2rem}.post-header h1{font-size: 2rem}.share-links{flex-direction: column}.share-link{width: 100%;justify-content: center}}
.notification-prompt{position: fixed;bottom: 2rem;right: 2rem;z-index: 1000;animation: slideUp 0.3s ease-out}.notification-prompt-content{background: white;border-radius: 1rem;padding: 1.5rem;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);max-width: 400px}.notification-prompt-header{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1rem}.notification-prompt-header h3{font-size: 1.25rem;font-weight: 600;color: #1e293b;margin: 0;flex: 1}.notification-prompt-header i{color: var(--primary-color);width: 1.5rem;height: 1.5rem}.close-prompt{background: none;border: none;padding: 0.25rem;cursor: pointer;color: #64748b}.close-prompt:hover{color: #1e293b}.notification-prompt p{color: #64748b;margin-bottom: 1rem}.notification-prompt ul{list-style: none;padding: 0;margin: 0 0 1.5rem 0}.notification-prompt ul li{display: flex;align-items: center;gap: 0.5rem;color: #64748b;margin-bottom: 0.5rem}.notification-prompt ul li::before{content: '•';color: var(--primary-color)}.notification-prompt-actions{display: flex;gap: 1rem}.btn-allow, .btn-later{padding: 0.75rem 1rem;border-radius: 0.5rem;font-weight: 500;cursor: pointer;transition: all 0.2s;border: none;flex: 1}.btn-allow{background: var(--primary-color);color: white}.btn-allow:hover{background: var(--primary-dark)}.btn-later{background: #f1f5f9;color: #1e293b}.btn-later:hover{background: #e2e8f0}@keyframes slideUp{from{transform: translateY(100%);opacity: 0}to{transform: translateY(0);opacity: 1}}@media (max-width: 640px){.notification-prompt{bottom: 0;right: 0;left: 0}.notification-prompt-content{border-radius: 1rem 1rem 0 0;margin: 0 1rem}.notification-prompt-actions{flex-direction: column}}