.header-container{padding:16px;background-color:#fff;position:sticky;top:0;z-index:100;box-sizing:border-box}.search-bar{display:flex;align-items:center;justify-content:center;background-color:#fff9c4;border-radius:12px;padding:16px;box-shadow:0 4px 6px #0000000d}.search-icon{color:#333;margin-right:12px}.search-input{border:none;background:transparent;flex:1;font-size:16px;font-weight:700;color:#000;outline:none;font-family:Inter,sans-serif}.search-input::placeholder{color:#000;font-weight:700}.categories-container{padding:0 16px 16px}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;color:#333;font-weight:600}.view-all{font-size:13px;color:#888;cursor:pointer;font-weight:400}.categories-grid{display:flex;justify-content:space-between;gap:12px}.category-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:25%}.category-icon-box{background-color:#000;width:100%;aspect-ratio:1;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}.category-name{font-size:12px;font-weight:600;text-align:center;line-height:1.2}.icon-placeholder{display:flex;justify-content:center;align-items:center}.banner-container{padding:0 16px 24px}.banner-content{background:#1a1a1a;background:linear-gradient(to right,#f5f7fa 40%,#1a1a1a 40%);border-radius:12px;display:flex;overflow:hidden;height:100px;box-shadow:0 4px 12px #0000001a;position:relative}.banner-text{flex:1.2;background-color:#f5f7fa;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.banner-text h3{font-size:13px;font-weight:800;margin:0 0 4px;color:#000}.banner-text p{font-size:9px;color:#666;margin:0 0 12px;line-height:1.2}.book-now-btn{background:#fbc02d;border:none;font-size:10px;font-weight:700;color:#000;padding:6px 16px;border-radius:20px;cursor:pointer;box-shadow:0 4px 8px #fbc02d33;transition:transform .2s,background .2s}.book-now-btn:active{transform:scale(.95);background:#f9a825}.banner-image{flex:1.5;background:linear-gradient(135deg,#1a1a1a,#000);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.year-badge{text-align:center;color:#fff;z-index:2}.year-badge span{font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#ccc;display:block;margin-bottom:-5px}.year-number{font-size:36px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.banner-image:after{content:"";position:absolute;bottom:-30px;right:-30px;width:80px;height:80px;background:linear-gradient(135deg,gold,#ffc107);box-shadow:-2px -2px 10px #0000004d;transform:rotate(45deg);border-top-left-radius:50%}.special-offers-container{padding:0 16px;margin-bottom:24px}.special-offers-container h3{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.offers-scroll{display:flex;overflow-x:auto;gap:16px;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.offers-scroll::-webkit-scrollbar{display:none}.offer-card{min-width:150px;border-radius:16px;padding:16px;position:relative;overflow:hidden;background-color:#fffde7;box-shadow:0 2px 4px #0000000d}.offer-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.offer-content h4{font-size:14px;font-weight:800;color:#000;margin:0 0 4px}.offer-content p{font-size:10px;color:#666;margin:0 0 12px}.offer-tag{background-color:#fff;color:#d32f2f;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;margin-bottom:16px;text-transform:uppercase}.apply-btn{width:100%;background-color:#fbc02d;color:#000;font-size:12px;font-weight:700;padding:8px 0;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.apply-btn:active{transform:scale(.98)}.apply-btn.applied{background-color:#4caf50;color:#fff;cursor:default}.offer-bg-circle{position:absolute;top:-20px;right:-20px;width:80px;height:80px;background-color:#fff6;border-radius:50%;z-index:0}.premium-options-container{display:flex;overflow-x:auto;gap:16px;padding:16px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.premium-options-container::-webkit-scrollbar{display:none}.premium-card{min-width:140px;border-radius:16px;padding:24px 16px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 4px 12px #0000000d}.premium-badge{position:absolute;top:-10px;background-color:#fff59d;color:#f57f17;font-size:10px;font-weight:700;padding:4px 12px;border-radius:12px}.premium-icon-box{margin-bottom:12px;margin-top:8px}.premium-title{font-size:16px;font-weight:700;color:#000;margin-bottom:4px}.premium-desc{font-size:10px;color:#777;margin-bottom:4px}.premium-price{font-size:12px;font-weight:700;color:#000;margin-bottom:12px}.premium-select-btn{width:100%;background-color:#fbc02d;border:none;padding:10px 0;border-radius:8px;font-size:14px;font-weight:600;color:#000;cursor:pointer;box-shadow:0 2px 4px #0000001a}.customize-ride-container{padding:16px;background-color:#f8fafc;margin:16px;border-radius:12px;position:relative}.customize-ride-container h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.customize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customize-card{background-color:#fff;border-radius:12px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:transform .1s,box-shadow .1s}.customize-card:active{transform:scale(.95);box-shadow:none}.customize-icon-box{margin-bottom:8px;color:#333}.customize-label{font-size:12px;font-weight:600;color:#000;margin-bottom:4px}.customize-sub{font-size:10px;color:#888}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.confirmation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:30px;border-radius:20px;box-shadow:0 10px 25px #0003;z-index:1000;display:flex;align-items:center;justify-content:center;min-width:250px;animation:fadeInScale .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid #eee}.popup-content{display:flex;flex-direction:column;align-items:center;gap:12px}.check-icon{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) .1s both}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.popup-title{font-size:18px;font-weight:700;color:#333}.popup-sub{font-size:14px;color:#666}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background-color:#fff;display:flex;justify-content:space-around;padding:16px 0 24px;box-shadow:0 -4px 16px #0000000d;border-top-left-radius:20px;border-top-right-radius:20px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#333;font-size:10px;font-weight:500;text-decoration:none}.nav-item.active{color:#fbc02d}.nav-icon{color:#333}.active-icon{color:#fbc02d}.profile-page{background-color:#fff;min-height:100vh;padding-bottom:80px;display:flex;flex-direction:column}.profile-header-card{background-color:#fff;border-radius:12px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000d;margin:20px 20px 30px}.profile-header-icons{display:flex;gap:20px;align-items:center}.ph-icon{stroke-width:2px;color:#333;opacity:.8}.profile-content{padding:0 30px;display:flex;flex-direction:column;align-items:center;flex:1}.greeting-text{font-size:20px;font-weight:800;color:#000;margin:0 0 6px;text-align:center}.greeting-sub{font-size:13px;color:#666;margin:0 0 40px;font-weight:400;text-align:center}.details-card{background-color:#f8f9fe;width:100%;border-radius:20px;padding:30px 24px;display:flex;flex-direction:column;align-items:center;margin-bottom:auto}.details-title{font-size:14px;font-weight:500;color:#333;margin:0 0 24px;letter-spacing:.5px;text-transform:uppercase}.details-form{width:100%;display:flex;flex-direction:column;gap:16px}.detail-row{position:relative;width:100%}.detail-btn{width:100%;background-color:#fff;border:none;border-radius:8px;padding:16px;font-size:15px;color:#222;font-weight:500;font-family:Inter,sans-serif;box-shadow:0 2px 6px #0000000a;text-align:center;position:relative;cursor:pointer}.edit-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#999}.logout-btn-large{background-color:#ff6d00;color:#222;font-weight:600;width:100%;padding:18px;border:none;border-radius:16px;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #ff6d0040;margin-top:40px;margin-bottom:20px}.settings-page{background-color:#fff;min-height:100vh;padding-bottom:80px;display:flex;flex-direction:column}.settings-header-card{background-color:#fff;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000d;margin:16px 16px 24px}.header-title-small{font-size:16px;font-weight:700;color:#333}.settings-content{padding:0 20px;display:flex;flex-direction:column}.page-title{font-size:20px;font-weight:800;color:#000;margin-bottom:24px}.settings-list{display:flex;flex-direction:column;gap:16px}.settings-item{background-color:#f8f9fa;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background-color .2s}.settings-item:hover{background-color:#f0f0f0}.setting-icon-box{width:40px;height:40px;background-color:#fff8e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fbc02d}.setting-info{flex:1;display:flex;flex-direction:column}.setting-label{font-size:14px;font-weight:600;color:#333}.setting-desc{font-size:12px;color:#888}.logout-section{margin-top:40px;display:flex;justify-content:center}.logout-link-btn{background:none;border:none;display:flex;align-items:center;gap:8px;color:#ff5252;font-size:16px;font-weight:600;cursor:pointer;padding:12px 24px;border-radius:25px;transition:background .2s}.logout-link-btn:hover{background-color:#ffebee}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:100;display:flex;justify-content:center;align-items:flex-end}.modal-content{background-color:#fff;width:100%;max-width:430px;border-radius:20px 20px 0 0;padding:20px 20px 40px;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}.modal-bar{width:40px;height:4px;background-color:#e0e0e0;border-radius:2px;position:absolute;left:50%;transform:translate(-50%);top:-10px}.close-modal-btn{background:none;border:none;cursor:pointer;color:#333;margin-left:auto}.modal-body h3{font-size:18px;font-weight:700;color:#000;margin-bottom:16px;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.modal-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f9f9f9}.toggle-switch{width:40px;height:20px;border-radius:10px;position:relative}.toggle-switch.on{background-color:#fbc02d}.toggle-switch.on:after{content:"";position:absolute;right:2px;top:2px;width:16px;height:16px;background-color:#fff;border-radius:50%}.toggle-switch.off{background-color:#ccc}.toggle-switch.off:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background-color:#fff;border-radius:50%}.modal-item{padding:14px 0;border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;cursor:pointer}.modal-item.danger{color:#ff5252}.about-text{font-size:13px;color:#666;line-height:1.5;margin-bottom:8px}.register-page{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:40px;font-family:Inter,sans-serif}.register-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:20px}.register-title{font-size:16px;font-weight:600;color:#000;margin-bottom:24px;letter-spacing:.5px;text-transform:uppercase}.register-card{background-color:#fff9c4;width:85%;border-radius:20px;padding:40px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.reg-input{width:100%;padding:14px;border-radius:12px;border:none;background-color:#fff9;font-size:12px;color:#333;outline:none;text-align:center}.reg-input::placeholder{color:#444;font-weight:500}.register-btn{width:60%;background:#fbc02d;color:#000;font-size:16px;font-weight:700;padding:16px;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 6px #0000001a}.login-page{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:40px;font-family:Inter,sans-serif}.login-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:20px}.logo-area{display:flex;flex-direction:column;align-items:center}.logo-icon-stack{position:relative;height:24px;width:32px}.logo-car{position:absolute;top:0;left:0}.logo-pin{position:absolute;top:-2px;right:0}.logo-text{font-size:14px;font-weight:800;color:#fbc02d;line-height:1;margin-top:4px}.logo-taxi{color:#000}.login-title{font-size:18px;font-weight:500;color:#000;margin-bottom:24px;letter-spacing:.5px}.premium-banner{background-color:#fff9c4;width:90%;padding:12px;border-radius:8px;text-align:center;font-size:12px;font-weight:600;color:#333;margin-bottom:24px}.login-card{background-color:#fff9c4;width:85%;border-radius:20px;padding:40px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:24px}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.1;pointer-events:none;z-index:0;width:100%;display:flex;justify-content:center;align-items:center}.watermark-content{display:flex;flex-direction:column;align-items:center}.wm-icon-stack{position:relative;height:60px;width:80px}.wm-car{position:absolute;color:#000}.wm-pin{position:absolute;right:-10px;top:10px;color:#000}.wm-text{font-size:24px;font-weight:900;color:#000;margin-top:10px}.wm-taxi{color:#000}.input-group{width:100%;z-index:1}.login-input{width:100%;padding:16px;border-radius:12px;border:none;background-color:#fff9;font-size:14px;color:#333;outline:none;text-align:center}.login-input::placeholder{color:#555;font-weight:500}.create-account-link{background-color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;color:#333;cursor:pointer;box-shadow:0 2px 4px #0000000d;z-index:1;margin-top:-36px}.create-account-link{position:absolute;bottom:-15px;border:1px solid #eee;position:static;margin-top:0;background:#fff;width:auto;box-shadow:none;background:transparent}.login-btn{width:60%;background:linear-gradient(90deg,#fbc02d,#ffab00);color:#000;font-size:16px;font-weight:700;padding:16px;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 10px #fbc02d66;margin-bottom:30px;text-transform:uppercase}.carousel-dots{display:flex;gap:8px;margin-bottom:20px}.dot{width:6px;height:6px;background-color:#ddd;border-radius:50%}.dot.active{background-color:#fbc02d}.car-showcase{display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden;width:100%;padding:0 10px}.car-item{transition:transform .3s}.car-item.center{width:160px;flex-shrink:0;transform:scale(1.1)}.car-item.side{width:100px;flex-shrink:0;opacity:.7;filter:grayscale(.5)}.car-image-main{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.2))}.car-thumb{width:100%;height:auto;object-fit:contain}.bottom-dots{margin-top:20px}.booking-page{background-color:#fff;min-height:100vh;padding-bottom:80px;display:flex;flex-direction:column}.booking-header-card{background-color:#fff;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000d;margin:16px 16px 24px}.booking-content{padding:0 16px;display:flex;flex-direction:column;align-items:center}.location-card{background-color:#fff;border-radius:20px;padding:20px;width:100%;box-sizing:border-box;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:12px;position:relative;margin-bottom:30px;overflow:hidden}.location-input{width:100%;background-color:#f0f8ff;border:1px solid #E0E7F1;border-radius:10px;padding:16px;font-size:14px;color:#333;font-family:Inter,sans-serif;outline:none;box-sizing:border-box;box-shadow:inset 0 2px 4px #00000005}.location-input::placeholder{color:#999}.input-connector{position:absolute;left:40px;top:65px;height:30px;border-left:2px dotted #ccc;z-index:1;display:none}.continue-btn{background-color:#fbc02d;color:#000;width:100%;padding:14px;border:none;border-radius:25px;font-size:12px;font-weight:700;cursor:pointer;margin-top:8px;display:flex;justify-content:center;align-items:center}.section-title{font-size:14px;font-weight:400;color:#888;margin-bottom:16px;width:100%;text-align:center}.saved-places-list{width:100%;display:flex;flex-direction:column;gap:16px}.saved-place-card{background-color:#f9f9f9;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px}.place-icon-box{display:flex;align-items:center;justify-content:center}.place-info{display:flex;flex-direction:column}.place-name{font-size:14px;font-weight:600;color:#333}.place-desc{font-size:12px;color:#999}.confirmation-page{background-color:#fff;min-height:100vh;padding-bottom:80px;display:flex;flex-direction:column}.map-view-container{height:45vh;width:100%;position:relative;overflow:hidden;z-index:0}.confirmation-header-card{position:absolute;top:10px;left:16px;right:16px;background-color:#fffffff2;border-radius:12px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;z-index:10;margin:0}.logo-area-small{display:flex;flex-direction:column;align-items:center}.logo-icon-stack-small{position:relative;height:18px;width:24px}.logo-car-small{position:absolute;top:0;left:0}.logo-pin-small{position:absolute;top:-2px;right:0}.logo-text-small{font-size:10px;font-weight:700;color:#fbc02d;line-height:1;margin-top:2px}.logo-taxi-small{color:#000}.header-icons{display:flex;gap:16px;color:#333}.h-icon{stroke-width:1.5px;color:#444}.confirmation-content{padding:24px 16px;display:flex;flex-direction:column;align-items:center;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-24px;position:relative;z-index:5;flex:1}.greeting-text{font-size:18px;font-weight:800;color:#000;margin:0 0 4px}.greeting-sub{font-size:12px;color:#888;margin:0 0 24px;font-weight:400}.trip-summary-card{background-color:#f0f8ff;border-radius:12px;padding:20px;width:100%;box-sizing:border-box;display:flex;gap:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d}.trip-connector-graphic{display:flex;flex-direction:column;align-items:center;padding-top:6px}.graphic-dot{width:4px;height:4px;background-color:#ccc;border-radius:50%}.graphic-line{width:1px;height:30px;border-left:1px dotted #ccc;margin:2px 0}.trip-text-details{display:flex;flex-direction:column;justify-content:space-between;gap:16px;flex:1}.trip-point{display:flex;flex-direction:column}.tp-label{font-size:8px;color:#999;margin-bottom:2px}.tp-val{font-size:12px;color:#333;font-weight:500}.vehicle-selection-card{background-color:#fff8e1;border-radius:12px;padding:16px 20px;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;border:1px solid #FFE0B2}.vehicle-info{display:flex;flex-direction:column}.vehicle-name{font-size:14px;font-weight:800;color:#000}.vehicle-dist{font-size:10px;color:#999}.vehicle-price-info{display:flex;flex-direction:column;align-items:flex-end}.vehicle-price{font-size:14px;font-weight:800;color:#000}.vehicle-payment{font-size:10px;color:#999}.confirm-booking-btn{background-color:#e6b837;background:linear-gradient(90deg,#fdd835,#fbc02d);color:#000;width:100%;padding:16px;border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a}.history-page{background-color:#fff;min-height:100vh;padding-bottom:80px;display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9}.history-header{width:90%;margin-top:20px;background-color:#f5f5f5;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px}.back-icon{color:#333;cursor:pointer}.header-title{font-size:16px;font-weight:700;color:#000}.stats-container{display:flex;justify-content:center;gap:16px;width:90%;margin-bottom:30px}.stat-card{background-color:#fff8e1;flex:1;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000f;aspect-ratio:1.4}.stat-value{font-size:20px;font-weight:700;color:#000;margin-bottom:4px}.stat-label{font-size:12px;color:#999;font-weight:400}.rides-list{width:90%;display:flex;flex-direction:column;gap:20px}.ride-card{background-color:#fff;border-radius:12px;padding:0;box-shadow:0 4px 12px #0000000d;overflow:hidden}.ride-header{padding:16px;display:flex;justify-content:space-between;align-items:center}.ride-date{font-size:10px;color:#666}.ride-status{background-color:#c8e6c9;color:#2e7d32;font-size:9px;font-weight:600;padding:4px 12px;border-radius:12px}.ride-locations{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.loc-point{font-size:12px;font-weight:500;color:#222}.ride-footer{border-top:1px solid #f0f0f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.ride-vehicle{font-size:12px;color:#333;font-weight:500}.ride-price{font-size:14px;font-weight:700;color:#fbc02d}.connecting-page{background-color:#f5f5f5;min-height:100vh;padding-bottom:80px;display:flex;flex-direction:column;position:relative;overflow:hidden}.conn-header-card{position:absolute;top:10px;left:16px;right:16px;background-color:#fffffff2;border-radius:12px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;z-index:10;margin:0}.map-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.map-overlay-shadow{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);z-index:2;pointer-events:none}.map-placeholder-pattern{width:100%;height:100%;background-image:linear-gradient(#fff 2px,transparent 2px),linear-gradient(90deg,#fff 2px,transparent 2px);background-size:40px 40px;background-position:center;opacity:.3}.active-pins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-pin{position:absolute;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.pin-1{top:30%;left:20%}.pin-2{top:50%;right:20%}.route-line-svg{position:absolute;top:30%;left:20%;width:60%;height:25%}.connecting-content{margin-top:auto;z-index:10;padding:24px 16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(to top,#fff 80%,#fffc);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 30px #0000001a}.trip-status-card{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 -4px 16px #0000001a}.ts-details{display:flex;flex-direction:column;gap:12px}.ts-row{display:flex;flex-direction:column}.ts-label{font-size:10px;color:#999}.ts-val{font-size:12px;font-weight:500;color:#000}.finding-driver-card{background-color:#fff8e1;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;border:1px solid #FFE0B2}.loader-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.radar-ring{position:absolute;width:100%;height:100%;border:2px solid #FBC02D;border-radius:50%;opacity:0;animation:radar-ping 1.5s infinite}@keyframes radar-ping{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.fd-text{display:flex;flex-direction:column}.fd-title{font-size:12px;font-weight:700;color:#000}.fd-sub{font-size:10px;color:#777}.fare-info-card{background-color:#f5f5f5;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.fi-left,.fi-right{display:flex;flex-direction:column}.fi-right{align-items:flex-end}.fi-label{font-size:10px;color:#888}.fi-price{font-size:18px;font-weight:700;color:#000}.fi-val{font-size:12px;font-weight:600;color:#000}.nav-instruction-card{position:absolute;top:80px;left:20px;right:20px;background-color:#333;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;z-index:15;box-shadow:0 8px 16px #0003;border:1px solid rgba(255,255,255,.1)}.nav-dir-icon{background-color:#2e7d32;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-dir-text{display:flex;flex-direction:column}.nav-dist{font-size:10px;font-weight:500;color:#4caf50;text-transform:uppercase;letter-spacing:.5px}.nav-instr{font-size:13px;font-weight:600;color:#fff}.cancel-ride-btn{background-color:#ff6d00;color:#fff;width:100%;padding:16px;border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 8px #ff6d0033}.explore-all-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:80px}.explore-all-header{background:linear-gradient(135deg,#000,#333);padding:20px 16px;display:flex;align-items:center;gap:16px;color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-bottom:24px;box-shadow:0 4px 15px #0000001a}.back-btn{background:#ffffff1a;border:none;border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-btn:active{transform:scale(.9);background:#fff3}.explore-all-header h1{font-size:20px;font-weight:700;margin:0}.categories-full-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px}.explore-category-card{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.02)}.explore-category-card:active{transform:scale(.95);box-shadow:0 2px 6px #0000000d}.explore-icon-wrapper{width:60px;height:60px;border-radius:18px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.explore-icon-wrapper.bike{background:#fff9c4}.explore-icon-wrapper.auto{background:#e3f2fd}.explore-icon-wrapper.car-economy{background:#f3e5f5}.explore-icon-wrapper.car-premium{background:#efebe9}.explore-icon-wrapper.seater-4{background:#e8f5e9}.explore-icon-wrapper.seater-6{background:#fff3e0}.explore-icon-wrapper.seater-7{background:#fce4ec}.explore-icon-wrapper.seater-9{background:#e0f2f1}.explore-category-name{font-weight:600;font-size:15px;color:#333;margin-bottom:4px}.explore-category-desc{font-size:11px;color:#888}.splash-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 2.5s ease-in-out}.splash-container.hidden{opacity:0;pointer-events:none}.splash-logo{width:12rem;filter:drop-shadow(0 25px 25px rgb(0 0 0 / .15));transition:transform 2.9s ease-in-out;transform:scale(1.1)}.splash-container.hidden .splash-logo{transform:scale(1.5)}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;background-color:#f5f5f5}#root{width:100%;max-width:430px;margin:0 auto;text-align:center;background-color:#fff;min-height:100vh;position:relative;box-shadow:0 0 20px #0000001a;overflow-x:hidden}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}