:root{--ride-navy:#071b2f;--ride-navy-2:#0c2b46;--ride-green:#08b978;--ride-green-dark:#078359;--ride-mint:#e8fbf3;--ride-cream:#fbfaf5;--ride-amber:#ffb547;--ride-ink:#0b1725;--ride-muted:#687783;--ride-line:#dce7e2}
body{color:var(--ride-ink);background:var(--ride-cream)}
meta[name="theme-color"]{color:var(--ride-navy)}
.role-bar{border-bottom-color:#dfeae5;background:#ffffffed;box-shadow:0 5px 24px #071b2f0b;backdrop-filter:blur(16px)}
.role-switch{background:#edf5f1}.role-button.active{color:#fff;background:var(--ride-navy);box-shadow:0 5px 15px #071b2f26}.role-profile{background:linear-gradient(135deg,var(--ride-green),#42db9f);color:#fff}
.customer-portal{background:linear-gradient(135deg,#eaf9f3,#f8f6ec)}
.booking-copy{border:1px solid #ffffffb8;background:#fffefa;box-shadow:0 24px 70px #071b2f2c!important}
.booking-copy>.eyebrow,.rider-home-header small,.driver-sheet>small{color:var(--ride-green-dark)}
.booking-copy>h1{color:var(--ride-navy)}
.booking-card>label{border-color:transparent!important;background:#f0f6f3!important;box-shadow:inset 0 0 0 1px #e2ece7}
.booking-card>label:focus-within{background:#fff!important;box-shadow:inset 0 0 0 2px var(--ride-green),0 6px 18px #08b97814}
.ride-type{border-color:transparent!important;background:#fff!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ride-type:hover{transform:translateY(-1px);box-shadow:0 8px 22px #071b2f12}
.ride-type.selected{border-color:var(--ride-green)!important;background:linear-gradient(110deg,var(--ride-mint),#fff)!important;box-shadow:0 8px 22px #08b97817}
.ride-type.selected strong,.best-value{color:var(--ride-green-dark)}
.vehicle-art svg{fill:var(--ride-navy)!important}.vehicle-art .window{fill:#a9ddcf!important}
.book-ride,.confirm-address,.save-settings,.confirm-schedule{background:linear-gradient(135deg,var(--ride-green-dark),var(--ride-green))!important;color:#fff!important;box-shadow:0 10px 25px #08a66f35;transition:transform .18s ease,box-shadow .18s ease}
.book-ride:hover,.confirm-address:hover{transform:translateY(-1px);box-shadow:0 13px 30px #08a66f42}
.schedule-ride{background:#edf5f1!important;color:var(--ride-navy)!important}
.payment-icon{background:var(--ride-mint);color:var(--ride-green-dark)}
.mobile-route-bar{border:1px solid #ffffffc7;background:#fffffff2!important;box-shadow:0 12px 34px #071b2f2d!important;backdrop-filter:blur(14px)}
.city-switcher{border:1px solid #ffffffc7;background:#fffffff0}.city-switcher button.active{background:linear-gradient(135deg,var(--ride-navy),var(--ride-navy-2));color:#fff}
.map-booking-hint{background:linear-gradient(135deg,var(--ride-navy),var(--ride-navy-2))!important;border:1px solid #ffffff2b!important}.map-booking-hint.selected{background:linear-gradient(135deg,var(--ride-green-dark),var(--ride-green))!important}
.ride24-marker{background:var(--ride-green)}.ride24-marker.dropoff,.ride24-car{background:var(--ride-navy)}
.surge-banner.normal{border-color:#ccecdf;background:var(--ride-mint);color:var(--ride-green-dark)}
.rider-home{background:linear-gradient(180deg,#f5fff9 0,#fff 260px)}
.where-to{background:#fff;border:1px solid #dfeae5;box-shadow:0 12px 35px #071b2f10}.where-to>span{color:var(--ride-green)}
.quick-places button,.service-grid button{border:1px solid #dfebe6;background:#fff;transition:.18s ease}.quick-places button:hover,.service-grid button:hover{border-color:#96d9bd;background:var(--ride-mint);transform:translateY(-2px)}
.quick-places i{background:var(--ride-mint);color:var(--ride-green-dark)}
.safety-card{background:radial-gradient(circle at 85% 20%,#0b8963 0,transparent 34%),linear-gradient(135deg,var(--ride-navy),var(--ride-navy-2));box-shadow:0 18px 38px #071b2f25}.safety-card button{background:var(--ride-green)}
.city-pills button{border-color:#dbe8e2}.city-pills button:hover{border-color:var(--ride-green);background:var(--ride-mint)}
.rider-bottom-nav,.driver-bottom-nav{border-top-color:#dce9e3;background:#fffffff2;backdrop-filter:blur(16px)}.rider-bottom-nav button.active,.driver-bottom-nav button.active{color:var(--ride-green-dark)}
.driver-portal{background:linear-gradient(180deg,#edf9f4,#f6f8f7)}.driver-top:before{background:linear-gradient(var(--ride-green),#54dba8)}
.driver-summary article,.offer{border-color:#dce9e3;box-shadow:0 7px 20px #071b2f0a}.accept-ride{background:linear-gradient(135deg,var(--ride-navy),var(--ride-navy-2))}.accept-ride.accepted,.online-toggle input:checked+i{background:var(--ride-green)}
.login-screen{background:var(--ride-cream)}
.login-visual{background:radial-gradient(circle at 18% 12%,#14bf7e4a 0,transparent 30%),radial-gradient(circle at 85% 85%,#278fbb38 0,transparent 32%),linear-gradient(145deg,#06192c,#0c3450)!important;color:#fff}
.login-visual .eyebrow{color:#61e4b1}.login-stats span{border-color:#ffffff24!important;background:#ffffff0d!important}.login-stats b{color:#6ce8b8}
.login-panel{background:#fffefa}.login-type-switch{background:#eef5f2!important}.login-type.active{background:#fff!important;box-shadow:0 5px 18px #071b2f15!important}.google-fallback{border-color:#dce8e2!important}.google-fallback:hover{border-color:var(--ride-green)!important;background:var(--ride-mint)!important}
@media(max-width:800px){.booking-copy{background:#fffefa!important}.booking-copy:before{background:#cee0d8!important}.ride-type:hover{transform:none}.rider-home{background:linear-gradient(180deg,#effcf6 0,#fff 230px)}.login-panel{background:#fffefa!important}}
@media(prefers-reduced-motion:reduce){.ride-type,.book-ride,.confirm-address,.quick-places button,.service-grid button{transition:none}}
.login-logo{width:300px;height:120px;padding:12px 16px;border-radius:18px;background:#fff;box-shadow:0 14px 35px #0002}.login-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.role-brand img,.hero-logo,.logo img{object-fit:contain!important}.role-brand{width:170px}.role-brand img{width:165px!important}.shell .logo{width:175px}.shell .logo img{width:145px!important}@media(max-width:760px){.login-logo{width:220px;height:90px}.role-brand{width:88px}.role-brand img{width:86px!important}}