.hero-section{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;overflow:hidden}.hero-header{position:relative;z-index:2;text-align:center;padding:60px 0}.hero-title{font-size:4rem;font-weight:800;letter-spacing:2px;line-height:1.1;margin-bottom:60px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-title,.rent-button{color:#ffffff;text-transform:uppercase}.rent-button{position:relative;background:linear-gradient(135deg,#4ca1af,#c4e0e5);border:none;border-radius:60px;padding:20px 50px;font-size:24px;font-weight:700;letter-spacing:1px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px rgba(76,161,175,.3);min-width:280px;min-height:80px;display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto}.rent-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.rent-button:hover:before{left:100%}.rent-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 25px 50px rgba(76,161,175,.5);background:linear-gradient(135deg,#5bc6d5,#d4e7ea)}.rent-button:active{transform:translateY(-2px) scale(1.02)}.button-text{position:relative;z-index:2;transition:all .3s ease}.car-icon{font-size:28px;transition:all .4s ease;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.rent-button:hover .car-icon{transform:translateX(10px) scale(1.2);animation:carDrive .6s ease-in-out}.rent-button.animate{animation:rentButtonClick 1.2s cubic-bezier(.25,.46,.45,.94)}.rent-button.animate .car-icon{animation:carDriveAway 1.2s ease-in-out}.rent-button.animate .smoke-particle{animation:smokeEffect 1.2s ease-out}.smoke-container{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none}.smoke-particle{position:absolute;width:8px;height:8px;background:rgba(255,255,255,.6);border-radius:50%;opacity:0}.smoke-particle:first-child{top:-5px;right:0}.smoke-particle:nth-child(2){top:5px;right:-5px}.smoke-particle:nth-child(3){top:-10px;right:-10px}.smoke-particle:nth-child(4){top:10px;right:-15px}@keyframes carDrive{0%{transform:translateX(0) scale(1)}50%{transform:translateX(5px) scale(1.1)}to{transform:translateX(10px) scale(1.2)}}@keyframes rentButtonClick{0%{transform:translateY(-5px) scale(1.05)}15%{transform:translateY(-5px) translateX(-15px) scale(1.05)}30%{transform:translateY(-5px) translateX(-20px) scale(1.05)}60%{transform:translateY(-5px) translateX(-10px) scale(1.05)}to{transform:translateY(-5px) translateX(0) scale(1.05)}}@keyframes carDriveAway{0%{transform:translateX(10px) scale(1.2)}to{transform:translateX(100px) scale(1.5);opacity:0}}@keyframes smokeEffect{0%{opacity:0;transform:translateX(0) scale(1)}30%{opacity:.8;transform:translateX(-20px) scale(1.2)}to{opacity:0;transform:translateX(-50px) scale(2)}}.hero-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-carousel .carousel-item{height:100vh}.hero-carousel .carousel-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) contrast(1.1)}.hero-carousel .carousel-caption{bottom:100px;background:rgba(0,0,0,.6);border-radius:15px;padding:20px;backdrop-filter:blur(10px)}.hero-carousel .carousel-indicators{bottom:50px}.hero-carousel .carousel-indicators button{width:15px;height:15px;border-radius:50%;background-color:rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.8)}.hero-carousel .carousel-indicators button.active{background-color:#4ca1af;border-color:#4ca1af}.floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-icon{position:absolute;animation:floatUpDown 6s ease-in-out infinite;opacity:.8}.icon-1{top:15%;left:10%;animation-delay:0s}.icon-2{top:25%;right:15%;animation-delay:1s}.icon-3{top:45%;left:8%;animation-delay:2s}.icon-4{top:35%;right:25%;animation-delay:.5s}.icon-5{top:60%;left:15%;animation-delay:1.5s}.icon-6{top:55%;right:10%;animation-delay:2.5s}.icon-7{top:75%;left:25%;animation-delay:3s}.icon-8{top:70%;right:20%;animation-delay:.8s}@keyframes floatUpDown{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(-25px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-3deg)}}@media (max-width:992px){.hero-section{min-height:90vh;padding:20px 0}.hero-title{font-size:3rem;margin-bottom:40px;line-height:1.2}.rent-button{padding:18px 45px;font-size:22px;min-width:260px;min-height:75px}.hero-header{padding:50px 0}.hero-location-picker{margin:25px auto;padding:20px;max-width:550px}}@media (max-width:768px){.hero-section{min-height:85vh;padding:15px 0}.hero-title{font-size:2.2rem;margin-bottom:35px;letter-spacing:1px;text-align:center;padding:0 15px}.rent-button{padding:16px 35px;font-size:19px;min-width:220px;min-height:65px;gap:12px}.car-icon{font-size:22px}.hero-header{padding:40px 0;text-align:center}.hero-location-picker{margin:20px auto;padding:18px;max-width:500px}.floating-icon{font-size:.7em;opacity:.6}.icon-1,.icon-3,.icon-5,.icon-7{left:3%}.icon-2,.icon-4,.icon-6,.icon-8{right:3%}.icon-7,.icon-8{display:none}}@media (max-width:576px){.hero-section{min-height:80vh;padding:10px 0}.hero-title{font-size:1.8rem;margin-bottom:25px;letter-spacing:.5px;padding:0 10px;line-height:1.3}.rent-button{padding:14px 28px;font-size:17px;min-width:200px;min-height:58px;gap:10px;margin:0 auto 30px}.car-icon{font-size:20px}.hero-header{padding:25px 0}.hero-location-picker{margin:16px auto;padding:16px;max-width:450px}.floating-icon{font-size:.6em;opacity:.4}.icon-3,.icon-4,.icon-5,.icon-6,.icon-7,.icon-8{display:none}}@media (max-width:480px){.hero-section{min-height:75vh}.hero-title{font-size:1.6rem;margin-bottom:20px;padding:0 5px}.rent-button{padding:12px 25px;font-size:16px;min-width:180px;min-height:52px;gap:8px}.car-icon{font-size:18px}.hero-header{padding:20px 0}.hero-location-picker{margin:14px auto;padding:14px;max-width:400px}.floating-icon{font-size:.5em;opacity:.3}.icon-3,.icon-4,.icon-5,.icon-6,.icon-7,.icon-8{display:none}}@media (max-width:360px){.hero-title{font-size:1.4rem;line-height:1.4}.rent-button{padding:10px 20px;font-size:15px;min-width:160px;min-height:48px;gap:6px}.car-icon{font-size:16px}.hero-location-picker{margin:12px auto;padding:12px;max-width:350px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-location-picker{background:rgba(42,42,42,.95);backdrop-filter:blur(10px);border:1px solid rgba(76,161,175,.3);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:600px;margin:32px auto}.hero-location-picker:hover{border-color:rgba(76,161,175,.6);box-shadow:0 12px 40px rgba(0,0,0,.4);transform:translateY(-2px)}.picker-content{display:flex;flex-direction:column;gap:20px}.picker-header{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.picker-icon{color:#4ca1af;font-size:20px}.picker-title{font-size:1.2rem;font-weight:600;background:linear-gradient(45deg,#4ca1af,#c4e0e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.picker-action{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.action-text{font-size:.9rem;font-weight:500;color:#4ca1af;font-style:italic}.action-icon{color:#4ca1af;font-size:16px;opacity:.8}@media (max-width:768px){.hero-location-picker{padding:20px;margin:24px 0}.picker-content{gap:16px}.picker-title{font-size:1.1rem}}@media (max-width:576px){.hero-location-picker{padding:18px;margin:20px 0}.picker-content{gap:14px}.picker-icon{font-size:18px}.picker-title{font-size:1rem}.action-text{font-size:.85rem}.action-icon{font-size:14px}}.hero-location-picker:focus{outline:2px solid #4ca1af;outline-offset:2px}.hero-location-picker.has-location .action-text{color:#c4e0e5;font-weight:600}.popular-cars-card{position:relative}.popular-cars-card .car-image{transition:transform .5s ease}.popular-cars-card:hover .car-image{transform:scale(1.1)}.popular-cars-card .car-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent);opacity:0;transition:opacity .5s ease}.popular-cars-card:hover .car-image-overlay{opacity:1}.popular-cars-card .arrow-icon{transition:transform .3s ease}.popular-cars-card:hover .arrow-icon{transform:translateX(.25rem)}