.hero{position:relative;min-height:600px;display:flex;align-items:center;padding:6rem 0 4rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1e293b 0%, #334155 50%, #FF6F61 100%);z-index:-1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%, transparent 0%, rgba(0, 0, 0, 0.4) 100%)}.hero-content{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text{max-width:600px}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle, rgba(255, 111, 97, 0.3) 0%, transparent 70%);border-radius:50%;z-index:0;animation:glowPulse 3s ease-in-out infinite}.hero-image::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle, rgba(255, 209, 102, 0.2) 0%, transparent 60%);border-radius:50%;z-index:0;animation:glowPulse 3s ease-in-out infinite 0.5s}@keyframes glowPulse{0%, 100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.1);opacity:1}}.hero-image img{position:relative;z-index:1;max-width:120%;height:auto;filter:drop-shadow(0 25px 50px rgba(0, 0, 0, 0.5)) drop-shadow(0 10px 20px rgba(255, 111, 97, 0.2));animation:heroCarFloat 4s ease-in-out infinite;transform-origin:center bottom}@keyframes heroCarFloat{0%, 100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-car-badge{position:absolute;bottom:30px;right:30px;background:linear-gradient(135deg, #FFD166, #FF6F61);color:white;padding:12px 24px;border-radius:50px;font-weight:700;font-size:0.9375rem;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px rgba(255, 111, 97, 0.5), 0 0 40px rgba(255, 111, 97, 0.3);animation:badgePulse 2s ease-in-out infinite;z-index:2;border:2px solid rgba(255, 255, 255, 0.3);backdrop-filter:blur(10px)}.hero-car-badge i{font-size:1.125rem}@keyframes badgePulse{0%, 100%{transform:scale(1);box-shadow:0 8px 25px rgba(255, 111, 97, 0.5), 0 0 40px rgba(255, 111, 97, 0.3)}50%{transform:scale(1.05);box-shadow:0 12px 35px rgba(255, 111, 97, 0.6), 0 0 60px rgba(255, 111, 97, 0.4)}}.hero-title{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;color:var(--white);margin-bottom:1.5rem;line-height:1.1}.text-gradient{background:linear-gradient(135deg, #FFD166 0%, #FF8A80 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:rgba(255, 255, 255, 0.9);margin-bottom:2rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;margin-bottom:2rem}.hero-features{display:flex;gap:2rem;flex-wrap:wrap}.feature-badge{display:flex;align-items:center;gap:0.5rem;color:rgba(255, 255, 255, 0.9);font-size:0.875rem;font-weight:500}.feature-badge i{color:var(--accent-gold);font-size:1.125rem}.quick-booking{margin-top:-50px;position:relative;z-index:10;margin-bottom:4rem;min-height:220px;contain:layout style}.booking-card{background:var(--white);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--shadow-xl);min-height:180px;contain:layout}.booking-title{color:var(--secondary);font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.booking-title i{color:var(--primary)}.booking-form .form-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}.form-group label{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--gray-700);margin-bottom:0.5rem;font-size:0.875rem}.form-group label i{color:var(--primary)}.form-control{width:100%;padding:0.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;transition:border-color 0.2s}.form-control:focus{outline:none;border-color:var(--primary)}.form-group:last-child{display:flex;align-items:flex-end}.form-group .btn{width:100%}.section-header{margin-bottom:3rem}.section-title{font-size:clamp(2rem, 4vw, 2.5rem);color:var(--secondary);margin-bottom:0.75rem}.section-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;margin-bottom:2rem}.vehicle-card{border:none}.vehicle-image{position:relative;width:100%;height:220px;overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.vehicle-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.vehicle-card:hover .vehicle-image img{transform:scale(1.1)}.vehicle-badge{position:absolute;top:1rem;right:1rem;background:var(--primary);color:var(--white);padding:0.375rem 0.75rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase}.vehicle-body{padding:1.5rem}.vehicle-name{font-size:1.25rem;color:var(--secondary);margin-bottom:0.5rem;font-weight:600}.vehicle-location{color:var(--gray-600);font-size:0.875rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.vehicle-location i{color:var(--primary)}.vehicle-specs{display:flex;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-bottom:1rem;font-size:0.875rem;color:var(--gray-700)}.vehicle-specs span{display:flex;align-items:center;gap:0.5rem}.vehicle-specs i{color:var(--primary)}.vehicle-price{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.price-info{display:flex;flex-direction:column}.price-label{font-size:0.75rem;color:var(--gray-500);text-transform:uppercase}.price-amount{font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1.2}.price-period{font-size:0.875rem;color:var(--gray-600)}.price-driver{display:block;font-size:0.75rem;color:var(--gray-600);margin-top:4px;padding:4px 8px;background:var(--gray-100);border-radius:4px}.vehicle-price{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--gray-100);gap:12px}.vehicle-price .btn-success, .btn-success{position:relative;background:linear-gradient(135deg, #25D366 0%, #128C7E 50%, #075E54 100%);background-size:200% 200%;color:white;border:none;overflow:hidden;animation:waGradient 3s ease infinite;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes waGradient{0%, 100%{background-position:0% 50%}50%{background-position:100% 50%}}.vehicle-price .btn-success::before, .btn-success::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transform:skewX(-20deg);animation:waShine 4s ease-in-out infinite}@keyframes waShine{0%{left:-100%}20%, 100%{left:150%}}.vehicle-price .btn-success:hover, .btn-success:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(37, 211, 102, 0.4), 0 5px 15px rgba(18, 140, 126, 0.3);color:white}.vehicle-price .btn-success:active, .btn-success:active{transform:translateY(-1px) scale(0.98)}.vehicle-price .btn-success i{font-size:1.25rem}.vehicle-price .btn-success span{font-weight:700;font-size:0.875rem;letter-spacing:0.3px}.vehicle-price .btn{padding:12px 20px;border-radius:12px;border:none;font-weight:600;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width:768px){.vehicle-price{flex-direction:column;gap:14px}.vehicle-price .price-info{width:100%;text-align:center}.vehicle-price .btn-success{width:100%;padding:14px 20px;font-size:1rem;border-radius:12px;box-shadow:0 4px 15px rgba(37, 211, 102, 0.3)}.vehicle-price .btn-success i{font-size:1.4rem}.vehicle-price .btn-success span{font-size:1rem;font-weight:700}}@media (max-width:480px){.vehicle-price .btn-success{padding:16px 24px}}.vehicle-name a{color:inherit;text-decoration:none;transition:color 0.2s}.vehicle-name a:hover{color:var(--primary)}.feature-box{text-align:center;padding:2rem 1rem}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2rem;box-shadow:var(--shadow-lg)}.feature-box h4{color:var(--secondary);font-size:1.25rem;margin-bottom:0.75rem}.feature-box p{color:var(--gray-600);line-height:1.6}.cta-section{padding:4rem 0;background:linear-gradient(135deg, #1e293b 0%, #334155 100%)}.cta-card{display:flex;justify-content:space-between;align-items:center;gap:3rem}.cta-content h2{color:var(--white);font-size:2.5rem;margin-bottom:0.75rem}.cta-content p{color:rgba(255, 255, 255, 0.8);font-size:1.125rem}.cta-action{display:flex;gap:1rem;flex-shrink:0}@media (max-width:1024px){.vehicles-grid{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem}.booking-form .form-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero{min-height:auto;padding:48px 0 56px}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-image{order:-1;margin-bottom:1rem}.hero-image img{max-width:280px;animation:none}.hero-car-badge{padding:8px 14px;font-size:0.75rem;bottom:10px;right:10px}.hero-title{font-size:1.875rem;line-height:1.15;margin-bottom:16px}.hero-subtitle{font-size:1rem;line-height:1.6;margin-bottom:24px}.hero-cta{flex-direction:column;gap:12px}.hero-cta .btn{width:100%;padding:16px 24px;font-size:1rem;border-radius:12px;justify-content:center}.hero-features{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.feature-badge{background:rgba(255, 255, 255, 0.1);padding:8px 14px;border-radius:8px;font-size:0.8rem}.quick-booking{margin-top:-24px;margin-bottom:16px;min-height:auto;contain:layout style}.booking-card{padding:20px;border-radius:20px}.booking-title{font-size:1.25rem;margin-bottom:20px}.booking-form .form-row{grid-template-columns:1fr;gap:16px}.form-group label{font-size:0.875rem;margin-bottom:8px}.form-control{padding:14px 16px;font-size:16px;border-radius:12px;border-width:1.5px}.form-control:focus{box-shadow:0 0 0 3px rgba(255, 111, 97, 0.15)}.form-group:last-child{margin-top:8px}.form-group .btn{padding:16px;border-radius:12px;font-size:1rem}.section{padding:48px 0}.section-header{margin-bottom:28px}.section-title{font-size:1.5rem;margin-bottom:8px}.section-subtitle{font-size:1rem;line-height:1.5}.vehicles-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:4px 16px 20px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vehicles-grid::-webkit-scrollbar{display:none}.vehicle-card{flex:0 0 280px;scroll-snap-align:start;border-radius:16px;box-shadow:0 4px 16px rgba(0, 0, 0, 0.08)}.vehicle-card:first-child{margin-left:0}.vehicle-card:last-child{margin-right:0}.vehicle-image{height:180px;border-radius:16px 16px 0 0}.vehicle-body{padding:16px}.vehicle-name{font-size:1.125rem}.why-choose .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.why-choose .col{flex:none;max-width:100%;padding:0}.feature-box{padding:20px 16px;background:var(--white);border-radius:16px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.06)}.feature-icon{width:56px;height:56px;font-size:1.5rem;margin-bottom:12px;border-radius:14px}.feature-box h4{font-size:1rem;margin-bottom:8px}.feature-box p{font-size:0.875rem;line-height:1.5}.home-blog-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:4px 16px 20px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-blog-grid::-webkit-scrollbar{display:none}.home-blog-card{flex:0 0 280px;scroll-snap-align:start}.cta-section{padding:48px 0}.cta-card{flex-direction:column;text-align:center;gap:24px}.cta-content h2{font-size:1.5rem;margin-bottom:10px}.cta-content p{font-size:1rem}.cta-action{flex-direction:column;width:100%;gap:12px}.cta-action .btn{width:100%;padding:16px;border-radius:12px;font-size:1rem;justify-content:center}.text-center.mt-5{margin-top:24px !important}.text-center.mt-5 .btn{width:auto;display:inline-flex;padding:14px 28px}}@media (max-width:480px){.hero{padding:40px 0 48px}.hero-title{font-size:1.625rem}.hero-features{gap:8px}.feature-badge{font-size:0.75rem;padding:6px 10px}.section{padding:40px 0}.booking-card{padding:16px;border-radius:16px}.booking-title{font-size:1.125rem}.vehicle-card{flex:0 0 260px}.why-choose .row{grid-template-columns:1fr}.feature-box{display:flex;flex-direction:row;align-items:center;gap:16px;text-align:left;padding:16px}.feature-icon{width:48px;height:48px;min-width:48px;font-size:1.25rem;margin:0}.feature-box-content{flex:1}.cta-content h2{font-size:1.375rem}.home-blog-card{flex:0 0 260px}}@media (hover:none) and (pointer:coarse){.vehicle-card:hover{transform:none}.vehicle-card:active{transform:scale(0.98);transition:transform 0.1s}.btn:hover{transform:none}.btn:active{transform:scale(0.97);transition:transform 0.1s}.feature-box:hover{transform:none}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:auto;padding:32px 0 40px}.hero-title{font-size:1.5rem}.hero-cta{flex-direction:row;justify-content:center}.hero-cta .btn{width:auto;flex:1;max-width:200px}.vehicles-grid{grid-template-columns:repeat(2, 1fr);overflow:visible;flex-wrap:wrap;margin:0;padding:0}.vehicle-card{flex:none}}@media (max-width:480px){.quick-booking .form-group:nth-child(3){display:none}.booking-form .form-row{grid-template-columns:1fr 1fr !important;gap:10px !important}.booking-form .form-row .form-group:last-child{grid-column:1 / -1}.booking-title{font-size:1rem !important;margin-bottom:12px !important;gap:8px !important}.booking-title i{font-size:0.875rem}.booking-card{padding:14px !important;border-radius:14px !important}.form-group label{font-size:0.75rem !important;margin-bottom:4px !important;gap:4px !important}.form-group label i{font-size:0.7rem}.form-control{padding:10px 12px !important;font-size:14px !important;border-radius:10px !important}.form-group .btn{padding:12px !important;font-size:0.9rem !important;border-radius:10px !important}.form-group .btn i{font-size:0.875rem}.quick-booking{margin-top:-20px !important;margin-bottom:12px !important}}@media (max-width:360px){.booking-form .form-row{grid-template-columns:1fr !important;gap:8px !important}.booking-card{padding:12px !important}.booking-title{font-size:0.9rem !important;margin-bottom:10px !important}.form-control{padding:10px !important}.form-group .btn{padding:12px !important}}