.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;transition:all .3s ease;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a;padding:.5rem 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.navbar-logo{cursor:pointer;display:flex;align-items:center;gap:12px}.logo-image{height:45px;width:auto;max-width:180px;object-fit:contain}.navbar.scrolled .logo-image{height:40px}.logo-text-container{display:flex;flex-direction:column;gap:0}.logo-text{font-size:1.8rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.logo-tagline{font-size:.75rem;font-weight:500;color:#667eea;font-style:italic;margin-top:2px}.navbar-icons{display:flex;gap:.8rem;align-items:center;margin-left:1.5rem}.navbar-icon{text-decoration:none;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#667eea1a;color:#667eea}.navbar-icon:hover{background:#667eea33;transform:scale(1.1)}.navbar-icon svg{width:20px;height:20px}.navbar-menu{display:flex;list-style:none;gap:2rem;align-items:center}.navbar-link{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:1rem;cursor:pointer;position:relative;transition:color .3s ease}.navbar-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s ease}.navbar-link:hover{color:var(--primary-color)}.navbar-link:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:block;width:25px;height:2px;background:var(--text-dark);position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:25px;height:2px;background:var(--text-dark);transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}.mobile-menu{display:none;position:fixed;top:70px;right:0;flex-direction:column;background:#fff;padding:2rem;border-radius:20px 0 0 20px;box-shadow:-5px 0 20px #0000001a;gap:1.5rem;min-width:250px}@media (max-width: 768px){.desktop-menu{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.navbar-container{padding:0 1rem}.logo-text{font-size:1.5rem}.logo-tagline{font-size:.65rem}.navbar-icons{gap:.5rem;margin-right:1rem}.navbar-icon{width:35px;height:35px;font-size:1.3rem}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 2rem 2rem}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-3);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.3) 0%,transparent 50%);z-index:-1}.hero-content{max-width:1200px;width:100%;display:flex;justify-content:center;align-items:center}.hero-text{color:#fff;text-align:center;max-width:800px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.gradient-text{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-tagline{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:gold;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#fffffff2;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.hero-cta{font-size:1.2rem;padding:15px 40px;background:linear-gradient(135deg,gold,orange);box-shadow:0 6px 20px #ffd70066}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70099}.hero-image{display:flex;align-items:center;justify-content:center}.car-illustration{width:100%;max-width:500px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.car-illustration svg{width:100%;height:auto}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:2rem;color:#fff;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.5rem}.hero-description{font-size:1rem}.hero-image{order:-1}.car-illustration{max-width:350px}}@media (max-width: 480px){.hero-section{padding:80px 1rem 1rem}.hero-title{font-size:2rem}.hero-tagline{font-size:1.2rem}.hero-description{font-size:.9rem}.hero-cta{font-size:1rem;padding:12px 30px}}.booking-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:100px 20px}.booking-form-container{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:30px;box-shadow:0 20px 60px #0000001a}.booking-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-input.error,.form-select.error{border-color:#e74c3c}.form-input.error:focus,.form-select.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.submit-btn{width:100%;padding:15px;font-size:1.1rem;margin-top:1rem;background:var(--gradient-1)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.submit-message{padding:1rem;border-radius:10px;text-align:center;font-weight:500;animation:slideIn .3s ease}.submit-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.booking-form-container{padding:2rem}.form-row{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.booking-section{padding:80px 15px}.booking-form-container{padding:1.5rem;border-radius:20px}}.services-section{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:100px 20px}.category-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-top:3rem;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-carousel{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;padding:2rem 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.services-carousel::-webkit-scrollbar{display:none}.car-card{flex:0 0 350px;background:#fff;border-radius:25px;padding:2rem;box-shadow:0 10px 40px #0000001a;transition:all .3s ease;cursor:pointer}.car-card:hover{box-shadow:0 15px 50px #0003}.car-image-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;padding:1rem;overflow:hidden}.car-image-real{width:100%;height:100%;object-fit:cover;border-radius:15px}.car-svg{width:100%;height:100%;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1))}.car-info{text-align:center}.car-name{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.car-seating{margin-bottom:1rem}.seating-badge{background:var(--gradient-1);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.car-description{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.car-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.feature-tag{background:#e8f5e9;color:#2e7d32;padding:.4rem .8rem;border-radius:15px;font-size:.85rem;font-weight:500}.car-cta{width:100%;padding:12px}.carousel-hint{text-align:center;color:var(--text-light);font-style:italic;margin-top:2rem;font-size:.9rem}@media (max-width: 768px){.services-section{padding:80px 15px}.car-card{flex:0 0 300px;padding:1.5rem}.car-name{font-size:1.5rem}.car-image-container{height:180px}}@media (max-width: 480px){.car-card{flex:0 0 280px;padding:1.25rem}.car-name{font-size:1.3rem}.car-description{font-size:.85rem}}.about-section{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:100px 20px}.about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:2rem}.about-card{background:#fff;padding:2.5rem;border-radius:25px;box-shadow:0 15px 40px #0000001a}.about-icon{font-size:4rem;margin-bottom:1.5rem;text-align:center}.about-description{color:var(--text-dark);line-height:1.8;font-size:1.1rem;margin-bottom:1.5rem}.about-description:last-child{margin-bottom:0}.about-description strong{color:var(--primary-color);font-weight:600}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.feature-box{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;text-align:center}.feature-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.feature-text{color:var(--text-light);line-height:1.6;font-size:.95rem}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.stat-box{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.stat-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:2rem}.about-features{grid-template-columns:1fr 1fr}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-section{padding:80px 15px}.about-card{padding:2rem}.about-description{font-size:1rem}.about-features{grid-template-columns:1fr}.stats-container{gap:1.5rem}.stat-number{font-size:2rem}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.about-card,.feature-box{padding:1.5rem}.about-icon{font-size:3rem}.feature-icon{font-size:2.5rem}}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 0;color:#fff}.contact-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.info-card:hover{background:#fff3;transform:translate(5px)}.info-icon{font-size:2.5rem;margin-bottom:1rem}.info-title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:#fff}.info-text{color:#ffffffe6;line-height:1.8;font-size:1rem}.info-text a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.info-text a:hover{color:gold}.info-subtext{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-top:.5rem}.contact-form-wrapper{display:flex;flex-direction:column;gap:2rem}.contact-form-card{background:#fff;padding:2.5rem;border-radius:25px;box-shadow:0 20px 60px #0000004d}.form-title{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s ease;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2e86ab1a}.map-container{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.footer{margin-top:5rem;padding:2rem 0;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:#ffffffe6}.footer-content p{margin:.5rem 0}.footer-tagline{font-weight:600;font-size:1.1rem;color:gold}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.contact-section{padding:80px 15px 0}.contact-form-card{padding:2rem}.info-card{padding:1.5rem}.form-title{font-size:1.5rem}}@media (max-width: 480px){.contact-form-card{padding:1.5rem}.info-card{padding:1.25rem}.info-icon{font-size:2rem}.info-title{font-size:1.1rem}.info-text{font-size:.9rem}.form-title{font-size:1.3rem}}.admin-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;padding:3rem;border-radius:30px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle{font-size:1.3rem;color:var(--text-dark);font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{background:#f8d7da;color:#721c24;padding:1rem;border-radius:10px;text-align:center;border:1px solid #f5c6cb}.login-btn,.back-btn{width:100%;padding:15px;font-size:1.1rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-container{max-width:1400px;margin:0 auto}.admin-header{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-title{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:.25rem}.admin-subtitle{color:var(--text-light);font-size:1rem}.admin-actions{display:flex;gap:1rem}.bookings-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center}.stat-value{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-light);font-size:.95rem;font-weight:500}.bookings-table-container{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-title{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.no-bookings{text-align:center;padding:3rem;color:var(--text-light);font-size:1.1rem}.table-wrapper{overflow-x:auto}.bookings-table{width:100%;border-collapse:collapse;min-width:1000px}.bookings-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bookings-table th,.bookings-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.bookings-table th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.bookings-table tbody tr{transition:background-color .2s ease}.bookings-table tbody tr:hover{background-color:#f8f9fa}.email-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.vehicle-badge.swift-dzire{background:#e3f2fd;color:#1976d2}.vehicle-badge.innova{background:#f3e5f5;color:#7b1fa2}.vehicle-badge.honda-city{background:#fff3e0;color:#e65100}@media (max-width: 1200px){.bookings-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-page{padding:1rem}.login-card{padding:2rem}.admin-header{flex-direction:column;gap:1.5rem;text-align:center}.admin-actions{width:100%}.admin-actions button{flex:1}.bookings-stats{grid-template-columns:1fr}.bookings-table-container{padding:1rem}.table-header{flex-direction:column;gap:1rem;align-items:flex-start}.table-header button{width:100%}}@media (max-width: 480px){.login-card{padding:1.5rem}.login-title{font-size:2rem}.login-subtitle{font-size:1.1rem}.admin-title{font-size:1.5rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.bookings-table th,.bookings-table td{padding:.75rem .5rem;font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2E86AB;--secondary-color: #A23B72;--accent-color: #F18F01;--light-bg: #F8F9FA;--text-dark: #2C3E50;--text-light: #6C757D;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%)}html{scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-bg);color:var(--text-dark);overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{min-height:100vh;padding:80px 20px;position:relative}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.section-subtitle{font-size:1.2rem;text-align:center;color:var(--text-light);margin-bottom:2rem}.btn{padding:12px 30px;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-secondary{background:var(--gradient-2);color:#fff;box-shadow:0 4px 15px #f5576c66}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c99}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-dark)}.form-input,.form-select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2e86ab1a}.form-error{color:#e74c3c;font-size:.875rem;margin-top:.5rem}.card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}@media (max-width: 768px){.section{padding:60px 15px}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.btn{padding:10px 25px;font-size:.9rem}}@media (max-width: 480px){.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem}}