@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-main:#f5f5f5;--bg-card:#fff;--text-main:#111}[data-theme=dark]{--bg-main:#0f1115;--bg-card:#1a1d24;--text-main:#f1f1f1}body{background:var(--bg-main);color:var(--text-main);transition:background .3s,color .3s}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;width:100px;height:25px;position:relative}.slider{background-color:gray;border-radius:34px;transition:background-color .4s;position:absolute;inset:0}.switch.checked .slider{background-color:#459def}.ghost{filter:drop-shadow(0 5px 12px #fff9);background-color:#fff;border-radius:100px;width:40px;height:40px;transition:transform .4s;animation:4.3s infinite bobble;position:absolute;top:-10px;left:0;transform:translate(0)}.switch.checked .ghost{transform:translate(65px)}@keyframes bobble{0%{transform:translateY(0)}50%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes sway{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}@keyframes blink{0%,39%{height:8px;top:16px}40%,50%{height:2px;top:20px}51%,to{height:8px;top:16px}}.ghost:after{content:"";border-left:3px solid #000;border-right:3px solid #000;width:10px;height:8px;animation:4.25s infinite blink;position:absolute;top:16px;left:calc(50% - 7px)}.ghost:before{content:"";background-color:#fff;border-radius:100px;width:120%;height:12px;animation:2s infinite sway;position:absolute;top:calc(50% - 6px);left:-10%}.theme-toggle{cursor:pointer;background:var(--bg-card);width:46px;height:46px;color:var(--text-main);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:all .3s;display:flex;box-shadow:0 6px 20px #00000026}.theme-toggle:hover{transform:rotate(15deg)scale(1.05)}.navbar{z-index:100;background:var(--bg-navbar);justify-content:space-between;align-items:center;height:70px;padding:0 6%;display:flex;position:sticky;top:0;box-shadow:0 4px 18px #00000014}.nav-left{align-items:center;display:flex}.logo-box{align-items:center;gap:10px;display:flex}.logo-placeholder{background:var(--border);border-radius:8px;width:38px;height:38px}.brand-name{color:var(--text-main);font-size:1.4rem;font-weight:700}.nav-center{gap:2rem;display:flex}.nav-center a{color:#333;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-center a:after{content:"";background:#ff3d3d;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-center a:hover:after{width:100%}.nav-right{align-items:center;gap:1.2rem;display:flex}.sell-btn{color:#fff;background:#ff3d3d;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none}.sell-btn:hover{background:#e93333}.login-link{color:var(--text-main);font-size:.9rem;font-weight:500;text-decoration:none}.logo-box{color:inherit;cursor:pointer;text-decoration:none}.user-area{align-items:center;gap:10px;display:flex}.user-avatar{color:#000;background:#ff3d3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex}.user-greeting{color:var(--text-main);font-size:.9rem;font-weight:500}.logout-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-main);background:#ff3d3d;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:all .2s}.logout-btn:hover{color:#000;background:#ff3d3d;border-color:#ff3d3d}.dashboard-active{color:#ff3d3d;font-weight:600;position:relative}.dashboard-active:after{content:"";background:#ff3d3d;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.dashboard-btn{color:#ff3d3d;background:#ff3d3d14;border:1px solid #ff3d3d4d;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s}.dashboard-btn:hover{color:#fff;background:#ff3d3d;transform:translateY(-1px)}.dashboard-btn-active{color:#fff;background:#ff3d3d;box-shadow:0 6px 16px #ff3d3d59}.navbar{background:var(--bg-navbar);justify-content:space-between;align-items:center;height:70px;padding:0 6%;display:flex;box-shadow:0 4px 18px #00000014}.nav-center a{color:var(--text-main)}.nav-center a:hover:after{background:var(--primary)}.sell-btn{background:var(--primary);color:#000}.user-avatar{color:#000;background:#ff3d3d}.logout-btn{color:var(--text-main);border:1px solid var(--border-color)}.logout-btn:hover{background:var(--primary);color:#fff}.hamburger{cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:none}.mobile-menu{background:var(--bg-card);z-index:999;flex-direction:column;gap:1rem;width:260px;height:calc(100vh - 70px);padding:1.5rem;transition:right .3s;display:flex;position:fixed;top:70px;right:-100%;box-shadow:-8px 0 20px #0003}.mobile-menu.open{right:0}.mobile-menu a,.mobile-menu button{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1rem;text-decoration:none}.mobile-user{align-items:center;gap:10px;margin-bottom:1rem;display:flex}@media (max-width:900px){.desktop-only{display:none}.hamburger{display:block}}.logo-image{object-fit:contain;border-radius:6px;width:100px;height:100px}.footer{color:#ddd;background:#111;padding:4rem 6% 2rem;font-family:Segoe UI,sans-serif}.footer-top{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;margin-bottom:2rem;display:grid}.footer-col h3{color:#fff;margin-bottom:1rem;font-size:1.6rem}.footer-col h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.footer-col p{color:#aaa;font-size:.95rem;line-height:1.6}.footer-col ul{padding:0;list-style:none}.footer-col ul li{cursor:pointer;color:#bbb;margin-bottom:.6rem;font-size:.95rem;transition:color .3s}.footer-col ul li:hover{color:#fff}.socials span{cursor:pointer;color:#bbb;margin-bottom:.6rem;display:block}.socials span:hover{color:#fff}.footer-bottom{text-align:center;color:#888;border-top:1px solid #ffffff1a;padding-top:1.2rem;font-size:.85rem}@media (max-width:600px){.footer{text-align:center}}.footer a{color:#bbb;text-decoration:none;transition:color .3s}.footer a:hover{color:#fff}.socials{flex-direction:column;gap:.5rem;display:flex}.socials a{background:#ffffff0d;border-radius:20px;width:fit-content;padding:6px 12px;transition:background .3s,color .3s;display:inline-block}.socials a:hover{color:#fff;background:#ff3d3d}.footer-col ul li a{position:relative}.footer-col ul li a:after{content:"";background:#ff3d3d;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}.footer-col ul li a:hover:after{width:100%}@media (max-width:600px){.footer-top{gap:1.5rem}}.featured-cars{background:var(--bg-main);padding:5rem 6%;font-family:Segoe UI,sans-serif}.featured-header{text-align:center;margin-bottom:3rem}.featured-header h2{color:var(--text-main);margin-bottom:.5rem;font-size:2.5rem}.featured-header p{color:var(--text-muted);font-size:1.1rem}.cars-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.car-card{background:var(--bg-card);color:var(--text-main);border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 25px #00000014}.car-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}.car-image{height:180px;overflow:hidden}.car-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.car-card:hover img{transform:scale(1.08)}.car-info{padding:1.2rem}.car-info h3{color:var(--text-main);margin-bottom:.4rem;font-size:1.2rem}.car-meta{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.car-footer{justify-content:space-between;align-items:center;display:flex}.price{color:var(--primary);font-weight:600}.car-footer button{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:background .3s}.car-footer button:hover{background:#e93333}.auto-scroll-wrapper{background:linear-gradient(#0f2027,#203a43,#2c5364);width:100%;padding:3rem 0;overflow:hidden}.auto-scroll-track{width:max-content;animation:35s linear infinite scroll;display:flex}.scroll-card{cursor:pointer;border-radius:18px;min-width:420px;height:300px;margin-right:24px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}.scroll-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:768px){.scroll-card{min-width:240px;height:160px}}.gallery-heading{text-align:center;margin:4rem auto 2rem;padding:0 6%}.gallery-heading h2{margin-bottom:.6rem;font-size:2.4rem;font-weight:700}.gallery-heading p{color:#777;max-width:650px;margin:auto;font-size:1.05rem}.why-choose{background:var(--bg-main,#fff);color:var(--text-main,#111);padding:5rem 6%;font-family:Segoe UI,sans-serif}.why-header{text-align:center;margin-bottom:3.5rem}.why-header h2{margin-bottom:.6rem;font-size:2.6rem}.why-header p{color:#666;font-size:1.05rem}.why-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.why-card{background:var(--bg-card,#fff);text-align:center;border-radius:14px;padding:2rem 1.6rem;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 30px #00000014}.why-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0000001f}.why-icon{margin-bottom:1rem;font-size:2.2rem;display:inline-block}.why-card h3{margin-bottom:.6rem;font-size:1.25rem}.why-card p{color:#666;font-size:.95rem;line-height:1.5}body[data-theme=dark] .why-choose{color:#e5e7eb;background:#0f172a}body[data-theme=dark] .why-card{background:#020617}body[data-theme=dark] .why-card p{color:#9ca3af}.how-it-works{background:#f8fafc;padding:5rem 6%;font-family:Segoe UI,sans-serif}.how-header{text-align:center;margin-bottom:3.5rem}.how-header h2{margin-bottom:.6rem;font-size:2.6rem}.how-header p{color:#666;font-size:1.05rem}.how-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;display:grid}.how-step{text-align:center;background:#fff;border-radius:16px;padding:2.2rem 1.8rem;transition:transform .3s,box-shadow .3s;box-shadow:0 14px 35px #00000014}.how-step:hover{transform:translateY(-8px);box-shadow:0 22px 45px #0000001f}.step-number{color:#fff;background:#ff3d3d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1.2rem;font-size:1.4rem;font-weight:700;display:flex}.how-step h3{margin-bottom:.6rem;font-size:1.25rem}.how-step p{color:#666;font-size:.95rem;line-height:1.5}body[data-theme=dark] .how-it-works{background:#020617}body[data-theme=dark] .how-step{background:#020617;box-shadow:0 10px 30px #ffffff0a}body[data-theme=dark] .how-step p{color:#9ca3af}.animated-divider{justify-content:center;width:100%;margin:4rem 0;display:flex}.animated-divider span{background:linear-gradient(90deg,#0000,#ff3d3d,#0000);border-radius:10px;width:1000px;height:4px;position:relative;overflow:hidden}.animated-divider span:after{content:"";filter:blur(6px);background:#fffc;width:40%;height:100%;animation:2.5s infinite slideGlow;position:absolute;top:0;left:-40%}@keyframes slideGlow{0%{left:-40%}to{left:120%}}body[data-theme=dark] .animated-divider span{background:linear-gradient(90deg,#0000,#ff3d3d,#0000)}body[data-theme=dark] .animated-divider span:after{background:#fff9}.testimonials{background:var(--bg-main);text-align:center;padding:5rem 6%;font-family:Segoe UI,sans-serif}.test-title{margin-bottom:.6rem;font-size:2.6rem}.test-sub{color:#666;margin-bottom:3rem;font-size:1.05rem}.test-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.test-card{background:var(--bg-card);text-align:left;border-radius:16px;padding:2rem;transition:transform .35s,box-shadow .35s;box-shadow:0 12px 30px #00000014}.test-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0000001f}.test-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.avatar{color:#fff;background:#ff3d3d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.test-header h4{margin:0;font-size:1.05rem}.test-header span{color:#777;font-size:.85rem}.stars{color:#ffb400;margin-bottom:.8rem;font-size:1.1rem}.review-text{color:#555;font-size:.95rem;line-height:1.6}body[data-theme=dark] .test-sub{color:#aaa}body[data-theme=dark] .review-text{color:#ccc}body[data-theme=dark] .test-header span{color:#aaa}.stats-section{background:linear-gradient(135deg,#ff3d3d14,#0000);padding:3.5rem 6%}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.8rem;max-width:1100px;margin:auto;display:grid}.stat-card{background:var(--bg-card);text-align:center;border-radius:16px;padding:2rem 1.5rem;transition:transform .35s,box-shadow .35s;box-shadow:0 14px 35px #00000014}.stat-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 22px 50px #00000024}.stat-card h3{color:#ff3d3d;margin-bottom:.4rem;font-size:2.6rem;font-weight:700}.stat-card p{color:#555;letter-spacing:.4px;font-size:.95rem;font-weight:500}body[data-theme=dark] .stats-section{background:linear-gradient(135deg,#ff3d3d1f,#0000)}body[data-theme=dark] .stat-card p{color:#ccc}.cta-section{background:linear-gradient(135deg,#ff3d3d,#ff6a6a);border-radius:28px;margin:5rem 6%;padding:5rem 6%;position:relative;overflow:hidden}.cta-section:before{content:"";background:#ffffff1f;width:60%;height:160%;animation:6s linear infinite shine;position:absolute;top:-30%;left:-20%;transform:rotate(25deg)}@keyframes shine{0%{transform:translate(-100%)rotate(25deg)}to{transform:translate(200%)rotate(25deg)}}.cta-overlay{background:#00000026;position:absolute;inset:0}.cta-content{text-align:center;color:#fff;z-index:2;max-width:800px;margin:auto;position:relative}.cta-content h2{margin-bottom:1rem;font-size:2.6rem;font-weight:700}.cta-content p{opacity:.9;margin-bottom:2.2rem;font-size:1.1rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}.cta-primary,.cta-secondary{cursor:pointer;border-radius:10px;padding:14px 30px;font-size:1rem;font-weight:600;transition:all .3s}.cta-primary{color:#ff3d3d;background:#fff;border:none}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.cta-secondary{color:#fff;background:0 0;border:2px solid #ffffffb3}.cta-secondary:hover{color:#ff3d3d;background:#fff;transform:translateY(-3px)}@media (max-width:600px){.cta-content h2{font-size:2rem}.cta-section{margin:4rem 4%;padding:4rem 5%}}.newsletter-section{justify-content:center;padding:5rem 6%;display:flex}.newsletter-card{text-align:center;color:#fff;background:linear-gradient(135deg,#111,#1c1c1c);border-radius:22px;width:100%;max-width:900px;padding:3.5rem 3rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000040}.newsletter-card:before{content:"";background:#ff3d3d40;width:60%;height:180%;animation:6s linear infinite glowMove;position:absolute;top:-40%;left:-30%;transform:rotate(25deg)}@keyframes glowMove{0%{transform:translate(-120%)rotate(25deg)}to{transform:translate(220%)rotate(25deg)}}.newsletter-card h2{z-index:2;margin-bottom:.8rem;font-size:2.4rem;position:relative}.newsletter-card p{color:#ccc;z-index:2;max-width:650px;margin:0 auto 2.2rem;font-size:1.05rem;line-height:1.6;position:relative}.newsletter-form{z-index:2;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.newsletter-form input{border:none;border-radius:10px;outline:none;width:320px;max-width:100%;padding:14px 16px;font-size:1rem}.newsletter-form input:focus{box-shadow:0 0 0 2px #ff3d3d}.newsletter-form button{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:10px;padding:14px 26px;font-size:1rem;font-weight:600;transition:all .3s}.newsletter-form button:hover{background:#e93333;transform:translateY(-2px);box-shadow:0 10px 25px #ff3d3d66}.newsletter-success{color:#6dff9e;z-index:2;font-size:1.2rem;font-weight:600;position:relative}.newsletter-success span{color:#ccc;margin-top:.4rem;font-size:.95rem;display:block}@media (max-width:600px){.newsletter-card{padding:3rem 2rem}.newsletter-card h2{font-size:2rem}}.search-section{background:var(--bg-card);z-index:4;padding:2.5rem 6%;transition:background .3s;position:relative;box-shadow:0 12px 30px #00000014}.search-box{grid-template-columns:2fr 1fr 1fr auto;gap:1rem;max-width:1100px;margin:auto;display:grid}.search-box input,.search-box select{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border);border-radius:8px;outline:none;padding:14px 16px;font-size:1rem;transition:border .3s,background .3s,color .3s}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus,.search-box select:focus{border-color:var(--primary)}.search-box button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 26px;font-size:1rem;transition:background .3s,transform .2s}.search-box button:hover{background:#e93333;transform:translateY(-1px)}@media (max-width:768px){.search-box{grid-template-columns:1fr}}.hero-bg{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;position:absolute}.hero-content{z-index:5;color:#fff;flex-direction:column;justify-content:center;max-width:720px;height:100%;padding-top:2rem;padding-left:8%;display:flex;position:relative}.hero-content h1{text-shadow:0 6px 20px #0009;opacity:1;visibility:visible;margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem);line-height:1.1}.hero-content p{opacity:1;visibility:visible;text-shadow:0 4px 14px #0009;margin-bottom:2.2rem;font-size:1.15rem}.hero-buttons{opacity:1;visibility:visible;gap:1rem;display:flex}.hero-buttons button{cursor:pointer;border:none;padding:14px 32px;font-size:1rem;transition:transform .3s,background .3s}.hero-buttons button:hover{transform:translateY(-4px)}.hero-buttons .primary{color:#fff;background:#ff3d3d}.hero-buttons .secondary{color:#fff;background:0 0;border:1px solid #fff}.hero{width:100%;height:100vh;padding-top:70px;position:relative;overflow:hidden}.hero-bg-slider{z-index:1;position:absolute;inset:0}.hero-bg{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;position:absolute}.hero-overlay{z-index:2;background:linear-gradient(90deg,#0000008c,#00000026);position:absolute;inset:0}.hero-content{z-index:5;color:#fff;flex-direction:column;justify-content:center;max-width:720px;height:100%;padding-left:8%;display:flex;position:relative}.hero-content h1{text-shadow:0 6px 20px #0009;margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem);line-height:1.1}.hero-content h1 span{color:#ff3d3d}.hero-content p{text-shadow:0 4px 14px #0009;margin-bottom:2.2rem;font-size:1.15rem}.hero-buttons{gap:1rem;display:flex}.slider-btn{z-index:6;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;transition:background .3s,transform .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.slider-btn.left{left:20px}.slider-btn.right{right:20px}.cars-listing{background:var(--bg-main);color:var(--text-main);padding:4rem 6%;font-family:Segoe UI,sans-serif}.listing-header{margin-bottom:2.5rem}.listing-header h2{color:var(--text-main);margin-bottom:.4rem;font-size:2.3rem}.listing-header p{color:var(--text-muted)}.listing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:14px;width:90%;max-width:420px;padding:2rem;animation:.3s scaleIn;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-btn{cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:12px;right:14px}.modal-box h2{margin-bottom:.4rem}.modal-box p{color:#666;margin-bottom:1.4rem}.modal-form{flex-direction:column;gap:1rem;display:flex}.modal-form input,.modal-form textarea{border:1px solid #ddd;border-radius:8px;padding:12px 14px;font-size:1rem}.modal-form input:focus,.modal-form textarea:focus{border-color:#ff3d3d;outline:none}.modal-form button{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:10px;padding:12px;font-size:1rem}.modal-form button:hover{background:#e93333}.car-details{background:var(--bg-main);color:var(--text-main);padding:4rem 6%;font-family:Segoe UI,sans-serif}.details-wrapper{background:var(--bg-card);border-radius:14px;grid-template-columns:1.2fr 1fr;gap:3rem;padding:2.5rem;display:grid}.details-image img{object-fit:cover;border-radius:12px;width:100%;height:100%}.details-info h1{color:var(--text-main);margin-bottom:.8rem;font-size:2.3rem}.details-info .price{color:#ff3d3d;margin-bottom:1.2rem;font-size:1.6rem}.specs{margin-bottom:1.5rem;padding:0;list-style:none}.specs li{color:var(--text-main);margin-bottom:.5rem;font-size:1rem}.description{color:#555;margin-bottom:2rem;line-height:1.6}.contact-btn{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:8px;padding:12px 28px;font-size:1rem}.contact-btn:hover{background:#e93333}@media (max-width:900px){.details-wrapper{grid-template-columns:1fr}}.details-gallery{flex-direction:column;display:flex}.main-image{object-fit:cover;border-radius:12px;width:100%;height:380px;margin-bottom:1rem;transition:opacity .4s}.thumbnail-row{gap:.6rem;display:flex}.thumb{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:6px;width:80px;height:60px;transition:all .3s}.thumb:hover{opacity:1}.thumb.active{opacity:1;border-color:#ff3d3d}.similar-section{margin-top:4rem}.similar-section h2{margin-bottom:1.5rem;font-size:2rem}.similar-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.similar-card{background:var(--bg-main);color:var(--text-main);border-radius:10px;text-decoration:none;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 8px 20px #00000014}.similar-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #0000001f}.similar-card img{object-fit:cover;width:100%;height:150px}.similar-info{padding:1rem}.similar-info h4{color:var(--text-main);margin-bottom:.4rem;font-size:1.1rem}.similar-info span{color:#ff3d3d;font-weight:600}@media (max-width:900px){.details-wrapper{grid-template-columns:1fr;padding:1.5rem}.main-image{height:260px}.thumbnail-row{overflow-x:auto}}.sell-car{background:var(--bg-main);min-height:100vh;padding:4rem 6%}.sell-container{background:var(--bg-main);max-width:700px;color:var(--text-main);border-radius:14px;margin:auto;padding:2.5rem;box-shadow:0 15px 40px #0000001a}.sell-container h1{margin-bottom:.4rem;font-size:2.4rem}.sell-container p{color:#666;margin-bottom:2rem}.sell-form{flex-direction:column;gap:1.4rem;display:flex}.form-group{flex-direction:column;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}label{color:var(--text-muted);margin-bottom:.4rem;font-size:.9rem}input,select{background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);border-radius:8px;padding:12px 14px;font-size:1rem}input:focus,select:focus{border-color:#ff3d3d;outline:none}.submit-btn{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:10px;margin-top:1rem;padding:14px;font-size:1rem}.submit-btn:hover{background:#e93333}@media (max-width:700px){.form-row{grid-template-columns:1fr}}.error{border-color:#ff3d3d!important}.error-text{color:#ff3d3d;margin-top:4px;font-size:.8rem}.image-preview{flex-wrap:wrap;gap:10px;display:flex}.image-preview img{object-fit:cover;border:1px solid #ddd;border-radius:6px;width:80px;height:60px}.sell-container.success{text-align:center}.sell-container.success h1{color:#28a745;margin-bottom:1rem}.image-box{position:relative}.remove-img{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex;position:absolute;top:-6px;right:-6px}.remove-img:hover{background:#e93333}.submit-btn:disabled{opacity:.6;cursor:not-allowed}textarea{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border)}@media (max-width:700px){.sell-container{padding:1.8rem}}.contact-page{background:var(--bg-main);min-height:calc(100vh - 70px);color:var(--text-main);padding:4rem 6%}.contact-container{background:var(--bg-card);border-radius:16px;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:auto;padding:3rem;display:grid;box-shadow:0 15px 40px #0000001a}.contact-info h1{margin-bottom:.6rem;font-size:2.4rem}.contact-info p{color:var(--text-muted);max-width:400px;margin-bottom:2rem}.info-box{margin-bottom:1.4rem}.info-box h4{color:var(--text-muted);margin-bottom:.2rem;font-size:.9rem}.info-box span{color:var(--text-main);font-size:1rem}.contact-form h2{margin-bottom:1.4rem}.contact-form form{flex-direction:column;gap:1rem;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg-main);color:var(--text-main);border-radius:8px;padding:12px 14px;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none}.contact-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:12px;font-size:1rem;transition:background .3s}.contact-form button:hover{background:#e93333}@media (max-width:800px){.contact-container{grid-template-columns:1fr;padding:2rem}}body{color:#333;font-family:Poppins,sans-serif;line-height:1.6}.auth-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;width:100%;max-width:420px;animation:.6s ease-out slideUp;overflow:hidden;box-shadow:0 25px 50px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:24px 24px 0 0;padding:1px;display:flex}.tab{text-align:center;color:#fffc;cursor:pointer;border-radius:22px;flex:1;margin:2px;padding:18px 24px;font-size:16px;font-weight:600;transition:all .3s}.tab.active{color:#667eea;background:#fffffff2;transform:scale(1.02);box-shadow:0 8px 25px #00000026}.auth-form{padding:40px 32px;transition:all .4s}.form-container{text-align:center}.form-container h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.form-container p{color:#666;margin-bottom:32px;font-size:15px}.input-group{margin-bottom:24px;position:relative}.input-group input{background:#f8f9ff;border:2px solid #e1e5e9;border-radius:16px;width:100%;padding:18px 20px 18px 50px;font-family:inherit;font-size:16px;transition:all .3s}.input-group input:focus{background:#fff;border-color:#667eea;outline:none;transform:translateY(-2px);box-shadow:0 10px 30px #667eea1a}.input-icon{color:#667eea;pointer-events:none;font-size:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.forgot-link{color:#667eea;margin:16px 0 32px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;display:block}.forgot-link:hover{color:#764ba2}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;width:100%;padding:18px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 40px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:480px){.auth-wrapper{background-attachment:fixed;padding:10px}.auth-card{border-radius:20px;margin:10px 0}.auth-header{border-radius:20px 20px 0 0}.tab{padding:16px 20px;font-size:15px}.auth-form{padding:32px 24px}.form-container h2{font-size:24px}}@media (max-width:360px){.auth-form{padding:28px 20px}.input-group input{padding:16px 18px 16px 45px}.tab{padding:14px 16px;font-size:14px}}.dashboard-page{background:var(--bg-main);min-height:calc(100vh - 70px);color:var(--text-main);padding:4rem 6%}.dashboard-container{background:var(--bg-card);border-radius:16px;max-width:900px;margin:auto;padding:2.5rem;box-shadow:0 15px 40px #0000001a}.dashboard-container h1{margin-bottom:.3rem;font-size:2rem}.dashboard-sub{color:var(--text-muted);margin-bottom:2rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:2rem 0;display:grid}.stat-card{background:var(--bg-main);text-align:center;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.stat-card h3{color:var(--primary);font-size:2rem}.dashboard-cars{flex-direction:column;gap:1rem;display:flex}.dashboard-card{border:1px solid var(--border);background:var(--bg-main);border-radius:10px;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.card-left{align-items:center;gap:1rem;display:flex}.card-left img{object-fit:cover;border-radius:8px;width:80px;height:60px}.dashboard-card h3{margin-bottom:.2rem}.dashboard-card span{color:var(--text-muted);font-size:.9rem}.card-actions{gap:.6rem;display:flex}.edit-btn{color:#fff;background:#333;border-radius:6px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:background .25s}.edit-btn:hover{background:#111}.delete-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;transition:background .25s}.delete-btn:hover{background:#e93333}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}@media (max-width:700px){.dashboard-card{flex-direction:column;align-items:flex-start;gap:1rem}.card-actions{justify-content:flex-end;width:100%}}.back-to-top{color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:999;background:#ff3d3d;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:all .35s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(20px);box-shadow:0 12px 30px #ff3d3d66}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#e93333;transform:translateY(-4px);box-shadow:0 16px 40px #ff3d3d8c}.back-to-top:after{content:"";border-radius:50%;animation:2.5s infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{box-shadow:0 0 #ff3d3d99}70%{box-shadow:0 0 0 18px #ff3d3d00}to{box-shadow:0 0 #ff3d3d00}}@media (max-width:600px){.back-to-top{width:42px;height:42px;font-size:1.2rem;bottom:18px;right:18px}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#fff;--bg-card:#fff;--text-main:#111;--text-muted:#666}[data-theme=light]{--bg-navbar:#fff;--bg-card:#fff;--bg-main:#f6f7f9;--text-main:#111;--text-muted:#555;--border:#e0e0e0;--border-color:#ddd;--primary:#ff3d3d;--primary-hover:#e93333}[data-theme=dark]{--bg-navbar:#121212;--bg-card:#1a1a1a;--bg-main:#0f0f0f;--text-main:#f5f5f5;--text-muted:#aaa;--border:#2a2a2a;--border-color:#333;--primary:#ff3d3d;--primary-hover:#ff5c5c}body{background:var(--bg-main);color:var(--text-main);font-family:Segoe UI,system-ui,sans-serif;transition:background .3s,color .3s}img{max-width:100%;height:auto}section{overflow-x:hidden}