:root{--primary-color:#ffd700;--secondary-color:#111;--accent-color:#f8f8f8;--text-light:#fff;--text-dark:#333}html{font-size:16px;scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark)}.btn-primary{background-color:var(--primary-color);color:var(--secondary-color);font-weight:bold;transition:all .3s ease}.btn-primary:hover{background-color:#e6c200;transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-light);transition:all .3s ease}.btn-secondary:hover{background-color:#333;transform:translateY(-2px)}.vehicle-card{transition:all .3s ease;border-radius:8px;overflow:hidden}.vehicle-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.hover-zoom{transition:transform .3s ease}.hover-zoom:hover{transform:scale(1.05)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.gallery-container{position:relative;overflow:hidden}.gallery-thumbnail{cursor:pointer;transition:all .2s ease}.gallery-thumbnail:hover{opacity:.8}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(255,215,0,.25)}.pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color)}.pagination .page-link{color:var(--secondary-color)}.pagination .page-link:hover{background-color:#f8f8f8}.progressive-image-container{position:relative;overflow:hidden;background-color:#f0f0f0;width:100%}.progressive-image{opacity:0;filter:blur(15px);transition:opacity .5s ease-in-out,filter .8s ease-in-out;width:100%;height:auto;will-change:opacity,filter}.progressive-image.loaded{opacity:1;filter:blur(0)}.image-placeholder{background-color:#f0f0f0;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease-out;z-index:1}.image-placeholder i{color:#ddd;font-size:2rem}