.hero{background:linear-gradient(135deg, #f8fafc 0%, #f0f9fa 50%, var(--accent-light) 100%);padding:100px 0 140px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--white));z-index:1;pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.hero-container{z-index:2;align-items:center;gap:40px;display:flex;position:relative}.hero-content{flex:1}.badge{background:var(--white);color:var(--primary);border-radius:var(--radius-xl);box-shadow:0 4px 0 var(--accent-light), 0 8px 15px #1e56681a;border:3px solid var(--accent-light);align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:.95rem;font-weight:900;display:inline-flex}.hero-title{color:var(--primary);letter-spacing:-1px;margin-bottom:24px;font-size:3.65rem}.highlight{color:var(--primary);z-index:1;display:inline-block;position:relative}.highlight:after{content:"";background-color:var(--candy-yellow);opacity:.8;z-index:-1;border-radius:8px;width:104%;height:16px;position:absolute;bottom:8px;left:-2%;transform:rotate(-1deg)}.hero-subtitle{color:var(--text-muted);max-width:560px;margin-bottom:40px;font-size:1.22rem;font-weight:600}.hero-actions{gap:20px;display:flex}.hero-image-wrapper{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.blob{background:var(--accent);opacity:.25;filter:blur(20px);z-index:0;border-radius:40% 60% 70% 30%/40% 50% 60%;width:450px;height:450px;animation:8s ease-in-out infinite alternate blobBounce;position:absolute}.blob.secondary{background:#bae6fd;width:350px;height:350px;animation-delay:-3s;top:50px;right:-50px}.floating-car{z-index:1;filter:drop-shadow(0 20px 30px #1e566833);animation:4s ease-in-out infinite float;position:relative}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes blobBounce{0%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:scale(1)rotate(0)}to{border-radius:60% 40% 30% 70%/50% 60% 40% 50%;transform:scale(1.05)rotate(20deg)}}@media (max-width:992px){.hero{padding:50px 0 70px}.hero-container{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-content{display:contents}.badge{order:1}.hero-title{order:2;font-size:clamp(2rem,9vw,2.8rem)}.hero-subtitle{order:3;margin:0 auto 20px}.hero-image-wrapper{order:4;width:100%;max-width:300px;margin:10px auto 32px}.hero-actions{flex-direction:column;order:5;align-items:center;gap:16px;width:100%}.hero-actions .btn{width:100%;max-width:280px;padding:14px 20px;font-size:.95rem}.blob{width:280px;height:280px}.blob.secondary{width:190px;height:190px;top:20px;right:0}}
.showcase-section{background-color:var(--bg-color);padding:80px 0 100px;position:relative}.showcase-header{margin-bottom:50px}.badge-straight{background:var(--white);color:var(--primary);border-radius:var(--radius-xl);box-shadow:0 4px 0 var(--accent-light), 0 8px 15px #1e566814;border:2px solid var(--accent-light);letter-spacing:.5px;text-transform:uppercase;align-items:center;margin-bottom:20px;padding:8px 18px;font-size:.9rem;font-weight:900;display:inline-flex}.cars-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;margin-bottom:60px;display:grid}.car-card{border:3px solid var(--accent-light);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;flex-direction:column;padding:0;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;transform:none!important}@media (hover:hover) and (pointer:fine){.car-card:hover{border-color:var(--accent);box-shadow:0 12px 28px #1e56681f;transform:none!important}}@media (hover:none){.car-card:hover,.car-card:active{border-color:var(--accent-light)!important;box-shadow:var(--shadow-sm)!important;transform:none!important}}.car-card:has(:focus-visible){border-color:var(--primary)!important}.car-image-container{border-bottom:2px solid var(--accent-light);background:#f0f9fa;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative}.car-placeholder-svg{width:100%;height:100%;display:block}.car-badge{background:var(--primary);color:var(--white);letter-spacing:.3px;border-radius:20px;padding:6px 12px;font-size:.78rem;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 4px 8px #1e566833}.car-view-hint{color:var(--primary);border:1px solid var(--accent-light);background:#ffffffeb;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:800;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 6px #1e56681a}.car-info{flex-direction:column;flex:1;padding:24px;display:flex}.car-heading{margin-bottom:16px}.car-brand{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:800}.car-title{color:var(--primary);margin-top:4px;font-size:1.35rem;font-weight:900;line-height:1.25}.car-specs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.spec-tag{color:var(--text-main);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:600}.spec-tag strong{color:var(--primary)}.spec-consumption{background:var(--accent-light);color:var(--primary);border-color:#99e2e7}.spec-consumption strong{color:var(--primary)}.car-notes{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:.9rem;font-weight:600;line-height:1.5}.car-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.car-price-box{flex-direction:column;display:flex}.price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:800}.price-value{color:var(--primary);font-size:1.5rem;font-weight:900;line-height:1.1}.btn-sm{letter-spacing:0;padding:10px 18px;font-size:.9rem;transform:none!important}@media (hover:hover) and (pointer:fine){.btn-sm:hover{opacity:.92;transform:none!important}}.car-card-actions{align-items:center;gap:8px;display:flex}.car-open-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.btn-card-share{z-index:1;color:var(--primary);border-radius:var(--radius-xl);cursor:pointer;background:#f0f9fa;border:1.5px solid #99e2e7;padding:9px 13px;font-size:.85rem;font-weight:800;transition:background-color .2s,border-color .2s;position:relative;transform:none!important}@media (hover:hover) and (pointer:fine){.btn-card-share:hover{border-color:var(--accent);background:#e0f6f7;transform:none!important}}.showcase-cta{background:var(--white);border-radius:var(--radius-lg);border:2px dashed var(--accent);max-width:650px;margin:0 auto;padding:36px 24px}.showcase-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.showcase-cta p{color:var(--primary);margin-bottom:16px;font-size:1.15rem;font-weight:800}@media (max-width:768px){.cars-grid{grid-template-columns:1fr;gap:24px}.car-title{font-size:1.2rem}.price-value{font-size:1.35rem}.showcase-cta{padding:28px 16px}.showcase-cta-actions .btn{width:100%;padding:14px 18px;font-size:1rem}}
.features{background:var(--white);z-index:1;position:relative}.subtitle{color:var(--text-muted);max-width:720px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:1.2rem;font-weight:600}.mb-12{margin-bottom:60px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px;display:grid}.feature-card{text-align:center;padding:40px 32px}.feature-icon{background:var(--accent-light);border:4px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;font-size:3.5rem;transition:background-color .2s;display:inline-flex;box-shadow:0 8px 15px #1e56681a}@media (hover:hover) and (pointer:fine){.feature-card:hover .feature-icon{background:var(--accent-light)}}.feature-card h3{margin-bottom:16px;font-size:1.45rem}.feature-card p{color:var(--text-muted);font-weight:600}.method-box{background:linear-gradient(135deg, #f0f9fa 0%, var(--accent-light) 100%);border-radius:var(--radius-lg);border:3px solid #bcebef;margin-top:64px;padding:44px 36px}.method-header{margin-bottom:36px}.method-eyebrow{background:var(--white);color:var(--primary);border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px;border:2px solid #bcebef;margin-bottom:14px;padding:6px 16px;font-size:.85rem;font-weight:900;display:inline-block}.method-header h3{margin-bottom:10px;font-size:1.9rem}.method-subtitle{color:var(--text-muted);font-size:1.08rem;font-weight:600}.method-steps-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.method-step-item{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:2px solid #63c1c759;flex-direction:column;gap:12px;padding:24px;display:flex}.method-step-num{background:var(--primary);width:42px;height:42px;color:var(--white);letter-spacing:.5px;border-radius:14px;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:inline-flex}.method-step-body h4{margin-bottom:8px;font-size:1.18rem}.method-step-body p{color:var(--text-muted);font-size:.95rem;font-weight:600;line-height:1.55}@media (max-width:768px){.method-box{margin-top:44px;padding:28px 20px}.method-header h3{font-size:1.5rem}}
.faq-section{background:var(--white);position:relative}.faq-container{max-width:880px}.faq-header{margin-bottom:48px}.faq-badge{background:var(--accent-light);color:var(--primary);border-radius:var(--radius-xl);letter-spacing:.5px;text-transform:uppercase;border:2px solid #bcebef;align-items:center;margin-bottom:18px;padding:8px 18px;font-size:.88rem;font-weight:900;display:inline-flex}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{border:3px solid var(--accent-light);border-radius:var(--radius-md);background:#f8fafc;transition:border-color .2s,background-color .2s,box-shadow .2s;overflow:hidden}.faq-item[open]{background:var(--white);border-color:var(--accent);box-shadow:var(--shadow-sm)}@media (hover:hover) and (pointer:fine){.faq-item:hover{border-color:var(--accent)}}@media (hover:none){.faq-item:hover,.faq-item:active{outline:none}}.faq-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px;border-radius:var(--radius-md)}.faq-summary:after{content:"+";background:var(--accent-light);width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;font-weight:900;line-height:1;transition:transform .25s,background-color .2s,color .2s;display:inline-flex}.faq-item[open]>.faq-summary:after{background:var(--primary);color:var(--white);transform:rotate(45deg)}.faq-question{color:var(--primary);font-size:1.12rem;font-weight:800;line-height:1.35}.faq-item::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s ease allow-discrete;overflow:hidden}.faq-item[open]::details-content{block-size:auto}.faq-answer-wrapper{padding:0 26px 24px}.faq-answer{color:var(--text-muted);border-top:2px solid var(--accent-light);padding-top:16px;font-size:1rem;font-weight:600;line-height:1.65}@media (prefers-reduced-motion:reduce){.faq-summary:after{transition:none!important}.faq-item::details-content{transition:none!important}}@media (max-width:768px){.faq-summary{gap:14px;padding:18px 20px}.faq-question{font-size:1.02rem}.faq-answer-wrapper{padding:0 20px 20px}}
.sell-section{background:linear-gradient(180deg, var(--bg-color) 0%, var(--accent-light) 100%);position:relative}.sell-container{align-items:center;gap:60px;display:flex}.sell-content{flex:1}.sell-content h2{overflow-wrap:break-word;margin-bottom:24px;font-size:clamp(1.8rem,6vw,3rem)}.sell-content p{color:var(--text-muted);margin-bottom:32px;font-size:1.15rem;font-weight:600}.sell-benefits{flex-direction:column;gap:16px;display:flex}.sell-benefits li{color:var(--text-main);align-items:center;padding-left:24px;font-size:1.15rem;font-weight:800;display:flex;position:relative}.sell-benefits li:before{content:"";background-color:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.form-card{flex:1;width:100%;max-width:500px;padding:40px;overflow:hidden}.sell-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1;min-width:0}label{color:var(--primary);margin-left:4px;font-size:.95rem;font-weight:800}input,select,textarea{border:3px solid var(--input-border);border-radius:var(--radius-lg);background:var(--white);box-sizing:border-box;width:100%;padding:16px 20px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-light)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);margin-left:4px;font-size:.88rem;font-weight:800}.form-privacy-note{color:var(--text-muted);text-align:center;font-size:.85rem;font-weight:600}.form-inline-link{color:var(--primary);font-weight:800;text-decoration:underline}.form-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.success-icon-wrapper{justify-content:center;margin-bottom:12px;display:flex}.success-message h3:focus{outline:none}.w-full{width:100%}button[type=submit],.mt-4{margin-top:16px}.mt-2{margin-top:8px}.error-text{color:var(--danger);text-align:center;font-size:.9rem;font-weight:800}.file-upload-wrapper{flex-direction:column;gap:10px;display:flex}.file-input-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-upload-box{border-radius:var(--radius-md);cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #6b7d8f;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 16px;transition:border-color .2s,background-color .2s;display:flex;transform:none!important}.file-upload-wrapper:has(.file-input-hidden:focus-visible) .file-upload-box{outline:3px solid var(--focus-ring);outline-offset:3px}@media (hover:hover) and (pointer:fine){.file-upload-box:hover{border-color:var(--accent);background-color:var(--accent-light);transform:none!important}}.file-upload-icon{color:var(--primary);margin-bottom:2px}.file-upload-title{color:var(--primary);font-size:.95rem;font-weight:800}.file-upload-hint{color:var(--text-muted);font-size:.8rem;font-weight:600}.selected-files-list{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.file-chip{color:var(--text-main);background:#e2e8f0;border-radius:6px;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.file-clear-button{color:var(--danger);cursor:pointer;background:0 0;border:none;min-height:44px;padding:10px 8px;font-size:.82rem;font-weight:800;text-decoration:underline}.success-message{text-align:center;padding:20px 0}.success-message h3{color:var(--primary);margin-bottom:16px;font-size:1.8rem}@media (max-width:992px){.sell-container{flex-direction:column}.form-card{max-width:100%;padding:32px}}@media (max-width:480px){.form-row{flex-direction:column;gap:24px}.form-card{padding:24px}button[type=submit]{margin-top:24px}}
