:root,[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #c49a6c;--border-hover: #9e5b13ff;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--gold: #ffd700;--bronze: #c49a6c;--bronze-dark: #9e5b13ff;--bronze-light: #b79976ff;--btn-primary: #c49a6c;--btn-primary-hover: #9e5b13ff;--btn-secondary: #666666;--theme-toggle-bg: #ffffff;--theme-toggle-color: #1a1a1a;--card-gradient-start: #fff8f0;--card-gradient-end: #f5e1c3;--search-bg: rgba(255, 248, 240, .9);--search-color: #3a2a17}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #c49a6c;--border-hover: #b79976ff;--shadow: rgba(0, 0, 0, .5);--shadow-hover: rgba(0, 0, 0, .7);--gold: #ffd700;--bronze: #c49a6c;--bronze-dark: #9e5b13ff;--bronze-light: #b79976ff;--btn-primary: #c49a6c;--btn-primary-hover: #b79976ff;--btn-secondary: #444444;--theme-toggle-bg: #2a2a2a;--theme-toggle-color: #ffd700;--card-gradient-start: #2a2a2a;--card-gradient-end: #1a1a1a;--search-bg: rgba(42, 42, 42, .9);--search-color: #ffffff}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body,html{font-family:Kalam,sans-serif;margin:0;padding:0;background:url(https://images.unsplash.com/photo-1531685250784-7569952593d2?crop=entropy&cs=srgb&fm=jpg&ixlib=rb-4.0.3&q=100&w=3000) no-repeat center/cover;color:var(--text-primary);background-attachment:fixed}[data-theme=dark] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:-1}main.home-container{display:flex;flex-direction:column;align-items:center;padding:60px 20px}.search-bar{width:100%;display:flex;justify-content:center;margin-bottom:50px}.search-bar input{width:100%;max-width:700px;padding:15px 25px;font-size:1.4rem;border-radius:50px;border:2px solid var(--border-color);background:var(--search-bg);outline:none;color:var(--search-color);box-shadow:inset 0 2px 5px var(--shadow);transition:all .3s ease}.search-bar input:focus{border-color:var(--bronze-dark);box-shadow:0 0 15px #b2793f80}#gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;width:100%;max-width:1300px}.car-card{background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border-radius:15px;overflow:hidden;text-align:center;cursor:pointer;box-shadow:0 10px 30px var(--shadow-hover);transition:transform .3s ease,box-shadow .3s ease;border:2px solid var(--border-color)}.car-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 40px var(--shadow-hover);border-color:var(--border-hover)}.car-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-bottom:2px solid var(--border-color);filter:sepia(.3) contrast(1.05)}.car-card figcaption{padding:15px 10px;font-weight:700;font-size:1.3rem;color:var(--text-primary);font-family:Playfair Display,serif;letter-spacing:1px;text-shadow:0 1px 1px rgba(255,255,255,.5),0 2px 2px rgba(0,0,0,.15)}.no-results{color:var(--text-secondary);font-size:1.2rem;text-align:center;margin-top:2rem}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1b1b1b;color:#fff;padding:25px 30px;border-radius:20px;width:95%;max-width:900px;max-height:95vh;z-index:2000;box-shadow:0 25px 60px #000000e6;overflow-y:auto;font-family:Kalam,sans-serif;display:flex;flex-direction:column;gap:25px}.back-to-home{position:absolute;top:10px;right:10px;background:#b2793f;border:none;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;width:45px;height:45px;cursor:pointer;z-index:3000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-to-home:hover{background:#d89b5e}.car-model-title{text-align:center;font-size:2rem;color:#f3e5c8;margin:5px 0 15px;font-family:Playfair Display,serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,.6)}.carrousel{position:relative;width:100%;height:0;padding-top:75%;overflow:hidden;border-radius:12px;margin-bottom:20px;box-shadow:0 5px 20px #0009}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.slide.current{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:sepia(.3) contrast(1.1)}.controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 15px}.controls button{background:#0006;border:2px solid #c49a6c;color:#fdf2e3;font-size:2rem;width:55px;height:55px;border-radius:10px;cursor:pointer;transition:all .3s ease}.controls button:hover{background:#503c1ee6}.circles{display:flex;justify-content:center;margin-top:10px}.circle{width:12px;height:12px;border-radius:50%;margin:0 5px;background:#fff6;cursor:pointer;transition:all .3s ease}.circle.active{background:#c49a6c;transform:scale(1.5)}.info-magazine{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;justify-content:space-between}.info-magazine-item{background:#ffffff0d;border-radius:15px;padding:15px 20px;flex:1 1 200px;display:flex;align-items:center;gap:15px;transition:all .3s ease;cursor:default}.info-magazine-item:hover{background:#b2793f33}.info-magazine-item .icon{font-size:1.5rem;color:gold}.info-magazine-item .text{display:flex;flex-direction:column}.info-magazine-item .label{font-size:.9rem;color:#e2b36f;font-weight:600}.info-magazine-item .value{font-size:1.1rem;font-weight:700;color:#f3e5c8}.sort-select{padding:10px 15px;font-size:1rem;border-radius:25px;border:2px solid var(--border-color);background:var(--search-bg);color:var(--search-color);cursor:pointer;transition:all .3s ease}.sort-select:hover{border-color:var(--border-hover)}.top-icons{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:1001}.icon-right{display:flex;gap:20px}.icon-home,.icon-login,.icon-upload{width:40px;height:40px;cursor:pointer;transition:transform .2s ease,filter .2s ease;filter:invert(55%) sepia(49%) saturate(5000%) hue-rotate(10deg) brightness(95%) contrast(85%)}.icon-home:hover,.icon-login:hover,.icon-upload:hover{transform:scale(1.1)}.icon-upload:hover{filter:invert(75%) sepia(40%) saturate(2000%) hue-rotate(20deg) brightness(105%) contrast(95%)}.footer{background:transparent;color:var(--text-secondary)}@media(max-width:768px){.search-bar input{font-size:1.1rem;padding:12px 18px}.car-card figcaption{font-size:1.1rem}.popup{padding:20px;width:95%}.controls button{width:40px;height:40px;font-size:1.5rem}#info-columns{flex-direction:column;gap:15px}}.recommended-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);width:100%}.recommended-title{color:#c49a6c;font-size:1.2rem;margin-bottom:1rem;text-align:center;font-weight:600}.recommended-cars{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:1.2rem!important;margin-bottom:1rem;width:100%}.recommended-car-card{background:#ffffff0d!important;border-radius:8px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin:0!important;flex:1!important;max-width:calc(31% - .8rem)!important;display:flex!important;flex-direction:column!important}.recommended-car-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 20px #0000004d!important}.recommended-car-card img{width:100%!important;height:140px!important;object-fit:cover!important;display:block!important;aspect-ratio:unset!important}.recommended-car-card figcaption{padding:.5rem!important;color:#fff!important;font-size:.75rem!important;font-weight:500!important;text-align:center!important;line-height:1.2!important;background:transparent!important}@media(max-width:1024px){.recommended-cars{gap:1rem!important}.recommended-car-card{max-width:calc(31% - .7rem)!important}.recommended-car-card img{height:110px!important}.recommended-car-card figcaption{font-size:.7rem!important;padding:.4rem!important}}@media(max-width:768px){.recommended-cars{gap:.8rem!important}.recommended-car-card{max-width:calc(31% - .55rem)!important}.recommended-car-card img{height:90px!important}.recommended-car-card figcaption{font-size:.65rem!important;padding:.3rem!important}.recommended-title{font-size:1rem}}