:root{--taxi-primary:#560ce3;--taxi-primary-dark:#4a0bc7;--taxi-accent:#22c55e;--taxi-bg:#fff;--taxi-bg-secondary:#f7f7fd;--taxi-card-bg:#fff;--taxi-border:#e5e7eb;--taxi-border-focus:#560ce34d;--taxi-text:#212529;--taxi-text-muted:#6c757d;--taxi-input-bg:#f8f9fa;--taxi-shadow:#00000014}.taxi-hero-section{background:var(--taxi-bg);justify-content:center;align-items:center;min-height:auto;padding:60px 0;display:flex;position:relative;overflow:hidden}.taxi-vanta-bg{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes taxi-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-25px)scale(1.03)}}@keyframes taxi-spin{to{transform:rotate(360deg)}}.taxi-booking-container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.taxi-booking-grid{grid-template-columns:450px 1fr;align-items:start;gap:40px;display:grid}@media (max-width:1100px){.taxi-booking-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}.taxi-booking-panel{background:var(--taxi-card-bg);border:1px solid var(--taxi-border);box-shadow:0 4px 24px var(--taxi-shadow);border-radius:20px;padding:32px}.taxi-panel-header{margin-bottom:28px}.taxi-panel-title{color:var(--taxi-text);margin-bottom:8px;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.taxi-panel-subtitle{color:var(--taxi-text-muted);margin:0;font-size:14px}.taxi-location-inputs{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.taxi-datetime-inputs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.taxi-datetime-inputs .taxi-input{padding:14px 16px;font-size:14px}.taxi-datetime-inputs .taxi-input-icon.schedule{background:#f59e0b;box-shadow:0 0 8px #f59e0b4d}@media (max-width:480px){.taxi-datetime-inputs{grid-template-columns:1fr}}.taxi-input-group{position:relative}.taxi-input-label{color:var(--taxi-text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.taxi-input-icon{border-radius:50%;flex-shrink:0;width:10px;height:10px}.taxi-input-icon.pickup{background:var(--taxi-accent);box-shadow:0 0 8px #22c55e4d}.taxi-input-icon.dropoff{background:#ef4444;box-shadow:0 0 8px #ef44444d}.taxi-input-wrapper{position:relative}.taxi-input{width:100%;color:var(--taxi-text);background:var(--taxi-input-bg);border:1px solid var(--taxi-border);border-radius:12px;outline:none;padding:14px 50px 14px 16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .3s}.taxi-input::placeholder{color:var(--taxi-text-muted);font-weight:400}.taxi-input:focus{border-color:var(--taxi-primary);box-shadow:0 0 0 3px var(--taxi-border-focus);background:#fff}.taxi-input-btn{background:var(--taxi-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;transition:all .3s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.taxi-input-btn:hover{background:var(--taxi-primary-dark)}.taxi-input-btn i{font-size:14px}.taxi-autocomplete-dropdown{border:1px solid var(--taxi-border);z-index:1000;background:#fff;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.taxi-autocomplete-item{cursor:pointer;border-bottom:1px solid var(--taxi-border);align-items:center;gap:12px;padding:14px 16px;transition:background .2s;display:flex}.taxi-autocomplete-item:last-child{border-bottom:none}.taxi-autocomplete-item:hover{background:var(--taxi-bg-secondary)}.taxi-autocomplete-item i{color:var(--taxi-primary);font-size:16px}.taxi-autocomplete-item span{color:var(--taxi-text);font-size:14px;font-weight:500}.taxi-route-info{border:1px solid var(--taxi-border);background:linear-gradient(135deg,#560ce314 0%,#22c55e0d 100%);border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding:20px;display:grid}.taxi-route-stat{text-align:center}.taxi-route-stat-label{color:var(--taxi-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.taxi-route-stat-value{color:var(--taxi-text);font-size:24px;font-weight:700}.taxi-route-stat-value span{color:var(--taxi-text-muted);margin-left:4px;font-size:14px;font-weight:500}.taxi-vehicles-section{margin-bottom:20px}.taxi-vehicles-title{color:var(--taxi-text);margin-bottom:14px;font-size:16px;font-weight:600}.taxi-vehicles-grid{flex-direction:column;gap:10px;display:flex}.taxi-vehicle-card{background:var(--taxi-input-bg);cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:all .3s;display:flex}.taxi-vehicle-card:hover{border-color:var(--taxi-border);box-shadow:0 2px 12px var(--taxi-shadow);background:#fff}.taxi-vehicle-card.selected{border-color:var(--taxi-primary);background:#fff;box-shadow:0 4px 16px #560ce31f}.taxi-vehicle-image{object-fit:cover;object-position:center;background:#fff;border-radius:8px;flex-shrink:0;width:90px;height:60px}.taxi-vehicle-info{flex:1;min-width:0}.taxi-vehicle-name{color:var(--taxi-text);margin-bottom:2px;font-size:15px;font-weight:600}.taxi-vehicle-type{color:var(--taxi-text-muted);font-size:12px}.taxi-vehicle-price{text-align:right;flex-shrink:0}.taxi-vehicle-fare{color:var(--taxi-primary);font-size:17px;font-weight:700}.taxi-vehicle-rate{color:var(--taxi-text-muted);font-size:11px}.taxi-book-btn{color:#fff;background:linear-gradient(135deg,var(--taxi-primary)0%,var(--taxi-primary-dark)100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex}.taxi-book-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #560ce359}.taxi-book-btn:disabled{opacity:.5;cursor:not-allowed}.taxi-book-btn i{font-size:18px}.taxi-map-section{order:1;height:100%;min-height:550px;position:relative}.taxi-map-container{border:1px solid var(--taxi-border);width:100%;height:100%;min-height:550px;box-shadow:0 4px 24px var(--taxi-shadow);border-radius:20px;overflow:hidden}.taxi-map-toggle{border:1px solid var(--taxi-border);cursor:pointer;width:44px;height:44px;color:var(--taxi-text);z-index:10;background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 12px #0000001a}.taxi-map-toggle:hover{background:var(--taxi-primary);color:#fff;border-color:var(--taxi-primary);transform:scale(1.05)}.taxi-marker{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #00000040}.taxi-marker:hover{transform:scale(1.1)}.taxi-marker.pickup{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.taxi-marker.dropoff{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.taxi-loading{color:var(--taxi-text-muted);justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex}.taxi-loading-spinner{border:2px solid var(--taxi-border);border-top-color:var(--taxi-primary);border-radius:50%;width:18px;height:18px;margin-right:10px;animation:1s linear infinite taxi-spin}@media (max-width:1100px){.taxi-hero-section{align-items:flex-start}.taxi-map-section{order:-1;min-height:350px}.taxi-map-container{min-height:350px}}@media (max-width:768px){.taxi-hero-section{padding:100px 0 40px}.taxi-booking-panel{border-radius:16px;padding:24px}.taxi-panel-title{font-size:24px}.taxi-route-info{grid-template-columns:1fr;gap:12px}.taxi-map-section{min-height:280px}.taxi-map-container{border-radius:12px;min-height:280px}}@media (max-width:480px){.taxi-booking-container{padding:0 12px}.taxi-booking-panel{padding:20px}.taxi-vehicle-card{flex-wrap:wrap}.taxi-vehicle-image{width:70px;height:45px}.taxi-vehicle-price{text-align:left;border-top:1px solid var(--taxi-border);width:100%;margin-top:8px;padding-top:8px}}.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo,.mapboxgl-ctrl-bottom-left{display:none!important}.mapboxgl-popup-content{color:var(--taxi-text);background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 8px 24px #00000026}.mapboxgl-popup-tip{border-top-color:#fff}