*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172019}a{text-decoration:none;color:inherit}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #e8eee4;position:sticky;top:0;background:#fff;z-index:5}.logo{font-weight:900;font-size:23px;letter-spacing:-1px}nav{display:flex;gap:28px;color:#59635a;font-size:14px}.outline,.secondary{border:1px solid #dce5d7;background:#fff;padding:11px 18px;border-radius:12px;font-weight:800}.hero{padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#f2f8ea;align-items:center}.pill{background:#e0f2cb;padding:9px 12px;border-radius:99px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-4px;margin:22px 0}.hero h1 span{color:#6da33a}.hero p{font-size:18px;line-height:1.6;color:#5c665e;max-width:620px}.actions{display:flex;gap:12px;margin:28px 0}.primary{display:inline-block;border:0;background:#a9df5d;color:#14200d;padding:13px 20px;border-radius:12px;font-weight:900;cursor:pointer}.trust{font-size:13px;color:#59645b;font-weight:700}.visual{height:390px;border-radius:30px;background:#dfead8;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #30452b18}.route{font-size:30px;line-height:3;color:#6b9e3b;font-weight:900;transform:rotate(-12deg)}.ride{background:#fff;border-radius:17px;padding:17px;box-shadow:0 10px 30px #30452b22;margin-top:14px;position:relative}.visual .ride{position:absolute;bottom:22px;left:22px;right:22px;margin-top:0}.ride small{display:block;color:#707970;margin:5px 0}.ride span{font-size:12px;color:#4d7c2b;font-weight:800}section{padding:75px 7%}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading small{font-weight:900;color:#5d8a37;letter-spacing:1.5px}.heading h2{font-size:40px;letter-spacing:-2px;margin:7px 0}.heading p{color:#747d75}.card{border:1px solid #dfe7dc;border-radius:20px;padding:22px;background:#fff;box-shadow:0 12px 40px #2535220d;display:flex;gap:12px;align-items:end}.card label{flex:1;font-size:12px;font-weight:800;color:#59625b}.card input,.card select{width:100%;margin-top:7px;border:1px solid #d6dfd2;border-radius:10px;padding:12px;font:inherit}.alt{background:#f7f9f5}.grid{display:grid;grid-template-columns:1fr 1fr}.grid .checks{grid-column:1/-1;display:flex;gap:20px}.checks label{display:flex;align-items:center;gap:6px}.checks input{width:auto;margin:0}.dark{background:#172019;color:#fff}.dark .heading p{color:#b9c1b8}.dark .heading small{color:#a9df5d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features article{border:1px solid #354037;background:#1e2920;border-radius:17px;padding:22px;font-size:22px}.features h3{font-size:17px;margin:13px 0 6px}.features p{font-size:14px;line-height:1.5;color:#b9c1b8}.cta{margin:70px 7%;padding:42px;border-radius:28px;background:#e0f2cb;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:38px;margin:7px 0;letter-spacing:-2px}.cta p{color:#59645b}footer{padding:28px 7%;border-top:1px solid #e8eee4;display:flex;justify-content:space-between;color:#697269;font-size:12px}#results{margin-top:24px;display:grid;gap:14px}.place-suggestions{z-index:30}.modal{display:none;position:fixed;inset:0;background:#11180e99;z-index:20;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalbox{background:#fff;border-radius:20px;padding:28px;width:min(420px,100%);display:grid;gap:12px;position:relative}.modalbox>button:first-child{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px}.modalbox input,.modalbox select{padding:12px;border:1px solid #d6dfd2;border-radius:10px;font:inherit}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.card{display:grid;grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:55px 5%}.hero h1{letter-spacing:-2px}.visual{height:290px}section{padding:55px 5%}.card,.grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.cta{margin:40px 5%;display:block}.cta .primary{margin-top:15px}footer{padding:25px 5%;display:grid;gap:8px}}
/* Supabase authentication UI */
.modalbox form{display:flex;flex-direction:column;gap:12px}.modalbox form input,.modalbox form select{width:100%;box-sizing:border-box}.modalbox .close{float:right}.authmsg{min-height:20px;font-size:13px;line-height:1.4}.authmsg.error{color:#b42318}.authmsg.success{color:#087443}.switch{font-size:13px}.textbtn{border:0;background:none;padding:0;text-decoration:underline;cursor:pointer;font:inherit}.outline:disabled,.primary:disabled{opacity:.65;cursor:not-allowed}
/* Location autocomplete */
.place-field{position:relative}.place-suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #d6dfd2;border-radius:12px;box-shadow:0 14px 35px #25352222;z-index:30;display:none;overflow:hidden}.place-suggestions.open{display:block}.place-suggestion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;cursor:pointer;font:inherit;color:#172019}.place-suggestion:hover{background:#f2f8ea}.place-suggestion small{display:block;color:#747d75;font-size:11px;margin-top:3px}.place-brand{padding:8px 12px;font-size:10px;color:#777;border-top:1px solid #eef2eb;text-align:right}
/* Driver request management */
.request-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.request-actions button{padding:9px 13px;border-radius:10px;font-weight:800;cursor:pointer;border:1px solid #d6dfd2;background:#fff}.request-actions .accept{background:#a9df5d;border-color:#a9df5d;color:#14200d}.request-actions .reject{color:#9d2a20}.status-badge{display:inline-block;margin-top:6px;padding:5px 9px;border-radius:999px;background:#eef4e9;font-size:11px;font-weight:800}.status-pending{color:#806300;background:#fff6cf}.status-accepted{color:#28703f;background:#e4f5e8}.status-rejected{color:#a12c25;background:#fde8e6}.request-meta{display:grid;gap:3px;color:#59645b;font-size:13px;margin-top:7px}
.current-location-btn{margin-top:7px;border:1px solid #cfe0c5;background:#f2f8ea;color:#3f6d27;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer;width:100%;text-align:left}.current-location-btn:hover{background:#e5f2d9}.current-location-btn:disabled{opacity:.65;cursor:wait}
.ride-tabs{display:flex;gap:8px;margin:0 0 18px}.tab-btn{border:1px solid #d6dfd2;background:#fff;padding:10px 15px;border-radius:10px;font-weight:800;cursor:pointer}.tab-btn.active{background:#a9df5d;border-color:#a9df5d;color:#14200d}.ride-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ride-actions button{border:1px solid #d6dfd2;background:#fff;padding:9px 13px;border-radius:10px;font-weight:800;cursor:pointer}.ride-actions .danger{color:#9d2a20;border-color:#f0c9c5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;color:#59645b;font-size:13px}.detail-grid strong{color:#172019}.muted{color:#747d75}.status-cancelled{color:#7b4a4a;background:#f5e7e7}.status-open{color:#28703f;background:#e4f5e8}.status-full{color:#806300;background:#fff6cf}@media(max-width:600px){.detail-grid{grid-template-columns:1fr}}
.header-tools{display:flex;align-items:center;gap:12px}.notification-wrap{position:relative}.notification-btn{position:relative;border:1px solid #dfe3e8;background:#fff;border-radius:12px;width:42px;height:42px;cursor:pointer;font-size:18px}.notification-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.notification-panel{display:none;position:absolute;right:0;top:50px;width:360px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #e4e7eb;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.15);z-index:100}.notification-panel.open{display:block}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eef0f2}.notification-item{padding:13px 16px;border-bottom:1px solid #f0f1f3;cursor:pointer}.notification-item.unread{background:#f7fbff}.notification-item b{display:block;margin-bottom:4px}.notification-item p{margin:0;font-size:13px;line-height:1.4;color:#5b6470}.notification-item small{display:block;margin-top:6px;color:#8a929d}.notification-empty{padding:28px 16px;text-align:center;color:#7b8490;font-size:13px}.notification-item.status-read{opacity:.72}@media(max-width:760px){.notification-panel{position:fixed;right:14px;top:70px}.header-tools{gap:7px}}
/* BIKUBOO Premium Motion Refresh */
:root{--lime:#b7f36b;--lime2:#8fd34a;--ink:#101711;--muted:#68736a;--line:#dfe9d8;--surface:#ffffff;--soft:#f4faee;--shadow:0 20px 60px rgba(23,32,25,.10)}
body{background:#fbfdf9;color:var(--ink);overflow-x:hidden}
body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;animation:orb 12s ease-in-out infinite alternate}
body:before{width:360px;height:360px;background:#c9f48f;top:80px;left:-180px}body:after{width:420px;height:420px;background:#e1f7c7;right:-220px;top:42%;animation-delay:-5s}
@keyframes orb{to{transform:translate(80px,55px) scale(1.12)}}
header{height:74px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,231,216,.75);box-shadow:0 5px 30px rgba(30,50,25,.04)}
.logo{position:relative;font-size:25px;letter-spacing:-1.6px}.logo:after{content:"";display:none}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(143,211,74,0)}}
nav a{position:relative;transition:.25s ease}nav a:hover{color:#355b21;transform:translateY(-1px)}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--lime2);transition:.25s}nav a:hover:after{right:0}
.outline,.secondary,.tab-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.outline:hover,.secondary:hover,.tab-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(25,45,20,.09)}
.primary{background:linear-gradient(135deg,var(--lime),#d0f895);box-shadow:0 10px 25px rgba(117,166,56,.20);transition:transform .2s,box-shadow .2s,filter .2s}.primary:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(117,166,56,.27);filter:saturate(1.08)}.primary:active{transform:translateY(-1px) scale(.98)}
.hero{position:relative;isolation:isolate;min-height:590px;padding-top:95px;padding-bottom:95px;background:radial-gradient(circle at 82% 45%,rgba(192,239,133,.55),transparent 30%),linear-gradient(135deg,#f1f8e9,#fbfdf9 72%);overflow:hidden}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(115,156,76,.12);border-radius:50%;right:-190px;top:-140px;z-index:-1;animation:spin 30s linear infinite}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px dashed rgba(115,156,76,.13);border-radius:50%;right:-80px;top:-40px;z-index:-1;animation:spin 20s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.hero>div:first-child{animation:rise .7s ease both}.hero .visual{animation:rise .85s .12s ease both}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero h1{font-weight:950}.hero h1 span{background:linear-gradient(90deg,#4f812b,#8fca4c,#4f812b);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 5s ease infinite}@keyframes gradient{50%{background-position:100%}}
.pill{display:inline-flex;align-items:center;gap:6px;box-shadow:0 7px 20px rgba(86,120,53,.10);animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px)}}
.visual{border:1px solid rgba(120,155,98,.18);background:linear-gradient(145deg,#e7f2de,#d8e9cf);box-shadow:var(--shadow);overflow:hidden}.visual:before,.visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(91,133,56,.16)}.visual:before{width:270px;height:270px;animation:spin 18s linear infinite}.visual:after{width:190px;height:190px;animation:spin 12s linear infinite reverse}.route{position:relative;z-index:1;text-shadow:0 5px 20px rgba(76,116,40,.15);animation:routeFloat 5s ease-in-out infinite}@keyframes routeFloat{50%{transform:rotate(-8deg) translateY(-9px)}}
.visual .ride{z-index:2;border:1px solid rgba(220,230,215,.9);box-shadow:0 18px 45px rgba(34,54,28,.16);animation:cardFloat 4s ease-in-out infinite}@keyframes cardFloat{50%{transform:translateY(-7px)}}
section{position:relative}.heading{animation:sectionIn .7s ease both}@keyframes sectionIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.card{border-color:rgba(214,226,209,.95);box-shadow:0 14px 45px rgba(35,55,30,.07);transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:0 20px 55px rgba(35,55,30,.11)}
.card input,.card select,.modalbox input,.modalbox select{transition:border-color .2s,box-shadow .2s,transform .2s}.card input:focus,.card select:focus,.modalbox input:focus,.modalbox select:focus{outline:none;border-color:#9dce67;box-shadow:0 0 0 4px rgba(157,206,103,.15);transform:translateY(-1px)}
.features article{transition:transform .25s,background .25s,border-color .25s;box-shadow:0 12px 35px rgba(0,0,0,.08)}.features article:hover{transform:translateY(-6px);background:#233024;border-color:#52624f}.features article:first-letter{color:var(--lime)}
.ride{transition:transform .22s,box-shadow .22s;border:1px solid #e1e9dc}.ride:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(35,55,30,.13)}
.cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#e2f5cf,#f1f8e8);box-shadow:0 18px 55px rgba(50,80,35,.08);border:1px solid #dcebd2}.cta:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-50px;top:-70px;background:rgba(169,223,93,.28);filter:blur(2px);animation:float 5s ease-in-out infinite}.cta>*{position:relative;z-index:1}
.notification-btn{transition:.2s;box-shadow:0 5px 16px rgba(25,45,20,.07)}.notification-btn:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(25,45,20,.12)}.notification-panel{backdrop-filter:blur(16px);animation:panelIn .2s ease}@keyframes panelIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}
.modal.open .modalbox{animation:modalIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.modal{backdrop-filter:blur(7px)}
.current-location-btn:hover{transform:translateX(2px);transition:.2s}.place-suggestion{transition:background .15s,padding-left .15s}.place-suggestion:hover{padding-left:19px}
@media(max-width:900px){.hero{min-height:auto}.hero .visual{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* ---------------- Live Ride Map ---------------- */
.ride-map-panel{margin-top:22px;padding:18px;border:1px solid rgba(110,150,82,.2);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(31,53,25,.12);backdrop-filter:blur(14px);animation:mapPanelIn .45s ease both}.ride-map-panel[hidden]{display:none}.map-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.map-panel-head small{font-weight:900;letter-spacing:1.5px;color:#5d8a37}.map-panel-head h3{margin:5px 0;font-size:22px;letter-spacing:-.6px}.map-route-meta{font-size:13px;color:#6b756d}.map-close{border:1px solid #dce5d7;background:#fff;border-radius:12px;width:40px;height:40px;font-size:25px;cursor:pointer}.ride-map{height:430px;border-radius:18px;overflow:hidden;border:1px solid #dbe6d5}.ride-map .leaflet-control-zoom a{color:#1b2b18}.ride-map .leaflet-popup-content-wrapper{border-radius:12px}.result-ride{display:flex;align-items:center;justify-content:space-between;gap:18px}.ride-main{min-width:0}.ride-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.map-route-btn{border:1px solid #cfe0c7;background:#f5faef;color:#416a28;padding:10px 13px;border-radius:11px;font-weight:900;cursor:pointer}.map-route-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(52,88,36,.12)}@keyframes mapPanelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.result-ride{display:block}.ride-actions{justify-content:flex-start;margin-top:12px}.ride-actions button{width:100%}.ride-map{height:340px}.map-panel-head{align-items:flex-start}.map-panel-head h3{font-size:18px}}
.profile-section{padding:72px 7%;background:linear-gradient(180deg,#f8fbf4,#fff)}
.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}
.profile-card{padding:24px!important;border-radius:22px}
.profile-top{display:flex;gap:16px;align-items:center;margin-bottom:20px}.profile-avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#b7ee73,#78b843);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#19300d;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-top h3{margin:0 0 5px;font-size:22px}.verification-box{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2eadc;background:#f8fbf5;border-radius:16px;padding:15px;margin:14px 0}.verification-box p{margin:4px 0 0;color:#69746b;font-size:13px}.verify-badge{font-size:12px;font-weight:900;padding:7px 10px;border-radius:99px;background:#edf1ec;color:#68716a}.verify-badge.pending{background:#fff4d9;color:#956800}.verify-badge.verified{background:#e5f8d5;color:#39720f}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-card label{display:block;font-weight:800;font-size:13px;color:#455047;margin-bottom:13px}.profile-card input,.profile-card textarea{width:100%;margin-top:7px;border:1px solid #dfe7dc;border-radius:12px;padding:12px;background:#fff;font:inherit;outline:none}.profile-card input:focus,.profile-card textarea:focus{border-color:#8bc45c;box-shadow:0 0 0 3px rgba(139,196,92,.13)}.profile-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.profile-action{width:100%;margin-top:8px;cursor:pointer}.rating-summary{margin-top:22px;padding:18px 20px;background:#fff;border:1px solid #e6ece2;border-radius:18px;box-shadow:0 12px 30px rgba(26,44,20,.06)}.rating-stars{font-size:22px;letter-spacing:1px}.reviews{margin-top:14px;display:grid;gap:10px}.review{background:#fff;border:1px solid #e8ece7;border-radius:16px;padding:15px}.review b{display:block}.review p{margin:7px 0;color:#5d675f;font-size:14px}.review small{color:#8b948d}.profile-verified-inline{color:#4d8e22;font-weight:900}.profile-rating-inline{color:#9b7000;font-weight:800}@media(max-width:800px){.profile-grid{grid-template-columns:1fr}.profile-form-grid{grid-template-columns:1fr}nav{display:none}}
/* Profile form polish v2 */
.profile-grid{grid-template-columns:minmax(300px,.8fr) minmax(520px,1.2fr);gap:24px}
.profile-card{min-width:0}
#profileForm{display:block}
#profileForm .profile-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 14px}
#profileForm .profile-form-grid label{min-width:0}
#profileForm>label{min-width:0}
#profileForm textarea{display:block;min-height:92px;resize:vertical;line-height:1.5}
#profileForm .profile-photo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}
#profileForm .profile-photo-row label{margin-bottom:0}
#profileForm .profile-photo-row input[type=file]{padding:9px 10px}
#profileForm .profile-photo-row .muted{padding-bottom:11px;white-space:nowrap}
#profileForm input[type=file]{cursor:pointer}
#profileForm .profile-actions{justify-content:flex-end;padding-top:2px}
#profileForm .profile-actions .primary{min-width:130px;box-shadow:0 10px 24px rgba(125,175,61,.18)}
#profileForm .profile-save-area{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}
#profileForm .profile-save-area .muted{font-size:12px}
@media(max-width:1050px){
.profile-grid{grid-template-columns:1fr}
#profileForm .profile-photo-row{grid-template-columns:1fr}
#profileForm .profile-photo-row .muted{padding-bottom:0;white-space:normal}
}
@media(max-width:600px){
#profileForm .profile-form-grid{grid-template-columns:1fr}
#profileForm .profile-save-area{align-items:stretch;flex-direction:column}
#profileForm .profile-actions{justify-content:stretch}
#profileForm .profile-actions .primary{width:100%}
}
/* Profile layout fix + private chat */
.profile-card.card{display:block;min-width:0}.profile-card .profile-top{display:flex}.profile-card .verification-box{display:flex;min-width:0}.profile-card .verification-box>div{min-width:0}.profile-action{display:block!important;width:100%!important;box-sizing:border-box;white-space:normal}
.chat-section{padding:55px 7%;background:#fbfdf9}.chat-intro{display:flex;align-items:center;gap:18px;max-width:900px}.chat-intro-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;background:#edf8e4;display:flex;align-items:center;justify-content:center;font-size:25px}.chat-intro h3{margin:0 0 5px;font-size:18px}.chat-intro p{margin:0;color:#68736a;line-height:1.55;font-size:14px}.chat-modal{width:min(620px,100%);padding:22px}.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:28px}.chat-head small{font-weight:900;letter-spacing:1.4px;color:#5d8a37}.chat-head h2{margin:5px 0 3px;font-size:25px}.chat-head p{margin:0;color:#747d75;font-size:13px}.chat-status{padding:7px 10px;border-radius:999px;background:#e8f6dd;color:#39720f;font-size:11px;font-weight:900;white-space:nowrap}.chat-messages{height:360px;overflow:auto;background:#f5f9f2;border:1px solid #e0e9dc;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:9px}.chat-bubble{max-width:78%;padding:10px 12px;border-radius:15px;box-shadow:0 4px 14px rgba(30,50,25,.05)}.chat-bubble.mine{align-self:flex-end;background:#dff3c9;border-bottom-right-radius:5px}.chat-bubble.theirs{align-self:flex-start;background:#fff;border:1px solid #e2e9df;border-bottom-left-radius:5px}.chat-bubble b{display:block;font-size:11px;margin-bottom:3px;color:#53614f}.chat-bubble p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.45}.chat-bubble small{display:block;margin-top:5px;color:#8a948b;font-size:10px}.chat-empty{margin:auto;text-align:center;color:#7a847b;font-size:13px;max-width:300px;line-height:1.5}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.chat-compose textarea{width:100%;resize:none;border:1px solid #dfe7dc;border-radius:12px;padding:11px 12px;font:inherit;outline:none}.chat-compose textarea:focus{border-color:#9dce67;box-shadow:0 0 0 4px rgba(157,206,103,.15)}.chat-compose .primary{align-self:stretch;min-width:84px}.chat-modal .authmsg{margin-top:3px}.chat-button{border:1px solid #cfe0c7;background:#f4faee;color:#416a28;padding:9px 13px;border-radius:10px;font-weight:900;cursor:pointer}.chat-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(52,88,36,.12)}
@media(max-width:900px){.chat-section{padding:45px 5%}}@media(max-width:600px){.chat-intro{align-items:flex-start}.chat-messages{height:320px}.chat-compose{grid-template-columns:1fr}.chat-compose .primary{width:100%}.chat-bubble{max-width:88%}}
/* Safety Center v1 */
.safety-tools{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin:24px 0 22px}.safety-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:20px;backdrop-filter:blur(12px)}.safety-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.safety-panel-head h3{margin:4px 0 5px;font-size:20px}.safety-panel-head p{margin:0;color:#b9c5b6;font-size:13px;line-height:1.5}.safety-kicker{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#a9df5d}.safety-shield{font-size:30px;background:rgba(169,223,93,.12);border:1px solid rgba(169,223,93,.2);width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:none}.safety-empty{margin-top:16px;border:1px dashed rgba(255,255,255,.18);border-radius:14px;padding:15px;color:#aeb9ad;font-size:13px}.safety-ride{margin-top:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px}.safety-ride-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.safety-ride b{display:block;font-size:14px;line-height:1.35}.safety-ride small{display:block;color:#aeb9ad;margin-top:5px}.safety-ride-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.safety-ride-actions button{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:#fff;padding:9px 12px;border-radius:10px;font-weight:900;cursor:pointer}.safety-ride-actions .safety-primary{background:#a9df5d;border-color:#a9df5d;color:#14200d}.safety-ride-actions .sos-btn{background:rgba(255,86,74,.13);border-color:rgba(255,110,100,.35);color:#ffd7d3}.safety-status{font-size:11px;font-weight:900;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.08);color:#c7d1c5;white-space:nowrap}.safety-status.started{background:rgba(169,223,93,.14);color:#bfe98c}.safety-status.waiting{background:rgba(255,204,92,.13);color:#f5d58b}.emergency-contact-view{margin-top:15px;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);color:#e7eee5;font-size:14px;min-height:48px;display:flex;align-items:center}.safety-small-btn{margin-top:12px}.safety-modal{max-width:560px}.safety-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.safety-modal-head small{font-weight:900;letter-spacing:1.5px;color:#5d8a37}.safety-modal-head h2{margin:5px 0}.safety-modal-head p{margin:0;color:#707a71;font-size:13px}.safety-modal-head>span{font-size:30px}.safety-otp-box{margin:18px 0;padding:18px;border-radius:18px;background:#f5faef;border:1px solid #dce9d2;text-align:center}.safety-otp{font-size:36px;letter-spacing:8px;font-weight:950;color:#26451a}.safety-modal-note{font-size:12px;color:#7b857c;line-height:1.5}.safety-code-input{font-size:28px!important;letter-spacing:7px;text-align:center;font-weight:900}.safety-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.safety-danger{border:1px solid #efc8c4!important;background:#fff6f5!important;color:#a52f27!important}.safety-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.safety-report-grid label{font-weight:800;font-size:13px;color:#4a544c}.safety-report-grid textarea,.safety-report-grid select{width:100%;margin-top:7px;border:1px solid #dfe7dc;border-radius:12px;padding:11px;background:#fff;font:inherit}.safety-report-grid .full{grid-column:1/-1}.safety-report-actions{display:flex;justify-content:flex-end;margin-top:14px}.profile-card:first-child .verification-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.profile-card:first-child .profile-action{width:auto!important;max-width:100%;margin-left:auto;white-space:nowrap}.emergency-fields{margin-top:2px}.emergency-fields label{margin-bottom:0}
@media(max-width:900px){.safety-tools{grid-template-columns:1fr}}
@media(max-width:600px){.safety-ride-top{display:block}.safety-status{display:inline-block;margin-top:9px}.safety-ride-actions button{width:100%}.safety-report-grid{grid-template-columns:1fr}.safety-report-grid .full{grid-column:auto}.profile-card:first-child .verification-box{grid-template-columns:1fr}.profile-card:first-child .profile-action{width:100%!important;white-space:normal}.safety-modal-actions{justify-content:stretch}.safety-modal-actions button{width:100%}}
/* ---------- BIKUBOO ADMIN DASHBOARD ---------- */
.admin-section{padding:72px 7%;background:#f4f8f1;border-top:1px solid #e1e9dd}.admin-section .heading{margin-bottom:24px}.admin-notice{padding:14px 16px;border:1px solid #e8d9a8;background:#fff9e8;color:#69551d;border-radius:14px;margin-bottom:18px;font-size:13px;line-height:1.5}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0}.admin-stat{background:#fff;border:1px solid #dfe8db;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(33,54,28,.05)}.admin-stat span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#71806f}.admin-stat strong{display:block;font-size:27px;margin-top:7px;color:#172018}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.admin-tab{border:1px solid #d7e2d2;background:#fff;color:#42503f;padding:10px 14px;border-radius:11px;font-weight:900;cursor:pointer}.admin-tab.active{background:#1e2b1f;color:#fff;border-color:#1e2b1f}.admin-panel{background:#fff;border:1px solid #dfe8db;border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(33,54,28,.06)}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-card{border:1px solid #e1e9de;border-radius:18px;padding:20px;background:#fbfdf9}.admin-card span{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#67914a}.admin-card h3{margin:7px 0 5px}.admin-card p{color:#6d776f;font-size:13px;line-height:1.5;min-height:40px}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.admin-toolbar h3{margin:0}.admin-toolbar p{margin:5px 0 0;color:#727b73;font-size:13px}.admin-search{display:flex;gap:8px;min-width:min(460px,100%)}.admin-search input{flex:1;border:1px solid #dce5d9;border-radius:11px;padding:11px 12px;font:inherit;min-width:0}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #e8eee5;text-align:left;vertical-align:top;font-size:13px}.admin-table th{font-size:10px;letter-spacing:.8px;color:#71806f;text-transform:uppercase;background:#f8fbf6}.admin-table td strong{display:block}.admin-muted{color:#7a847c;font-size:12px;margin-top:3px}.admin-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#edf4e9;color:#4e6e3f}.admin-pill.pending{background:#fff5d9;color:#87691c}.admin-pill.verified{background:#e4f5d8;color:#397421}.admin-pill.suspended{background:#fff0ee;color:#a53b31}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-actions button{padding:7px 9px;border-radius:9px;border:1px solid #d6e1d1;background:#f8fbf6;font-weight:800;cursor:pointer}.admin-actions button.danger{background:#fff5f3;border-color:#ecc8c3;color:#a53a31}.admin-empty{padding:30px;text-align:center;color:#778078;background:#fafcf9;border:1px dashed #dce5d8;border-radius:14px}.admin-review{max-width:360px;white-space:normal;line-height:1.45}.admin-note-input{width:220px;border:1px solid #dce5d9;border-radius:9px;padding:7px;font:inherit}.admin-loading{padding:24px;text-align:center;color:#738073}
@media(max-width:1050px){.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.admin-section{padding:52px 5%}.admin-grid{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{min-width:0}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.admin-stats{grid-template-columns:1fr}.admin-panel{padding:15px}.admin-search{flex-direction:column}.admin-search .primary{width:100%}}
/* ---------- BIKUBOO PAYMENTS ---------- */
.payment-section{padding:58px 7%;background:#f8fbf5;border-top:1px solid #e4ece0}.payment-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.payment-info-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dfe8da;border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(35,60,28,.05)}.payment-info-card>span{width:44px;height:44px;border-radius:13px;background:#edf8e3;display:grid;place-items:center;font-size:21px;flex:none}.payment-info-card b{display:block}.payment-info-card p{margin:5px 0 0;color:#6f796f;font-size:13px;line-height:1.5}.payment-history{margin-top:18px}.payment-history-grid{display:grid;gap:10px}.payment-history-card{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;border:1px solid #dfe8da;border-radius:16px;padding:15px 17px}.payment-history-card b{display:block}.payment-history-card small{display:block;margin-top:5px;color:#778078}.payment-history-right{text-align:right;display:flex;gap:10px;align-items:center}.payment-history-right strong{font-size:17px}.payment-status,.booking-confirmed,.booking-pending{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.payment-status.paid,.booking-confirmed{background:#e7f6dc;color:#397421}.payment-status.pending,.booking-pending{background:#fff5d9;color:#87691c}.payment-status.failed{background:#fff0ee;color:#a53b31}.payment-status.refunded{background:#eef2f7;color:#586575}.payment-mini-btn{border:1px solid #b8db98;background:#eef9e6;color:#396d20;padding:8px 11px;border-radius:10px;font-weight:900;cursor:pointer}.payment-mini-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(52,88,36,.12)}.request-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}.payment-modal{width:min(520px,100%);padding:24px}.payment-modal-head{display:flex;justify-content:space-between;gap:15px}.payment-modal-head small{font-weight:900;letter-spacing:1.5px;color:#5d8a37}.payment-modal-head h2{margin:5px 0 4px}.payment-modal-head p{margin:0;color:#737c74;font-size:13px;line-height:1.45}.payment-modal-head>span{font-size:30px}.payment-summary{margin:20px 0 14px;border:1px solid #dce8d6;background:#f6faf3;border-radius:17px;padding:16px;display:flex;justify-content:space-between;gap:15px;align-items:center}.payment-summary span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7b857c;font-weight:900}.payment-summary strong{font-size:30px;margin-top:5px;display:block}.payment-summary b{display:block;margin-top:5px;color:#4f6947}.payment-note{font-size:12px;color:#7a847b;line-height:1.55}.payment-pay-btn{width:100%;margin-top:8px}.payment-pay-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.payment-info-grid{grid-template-columns:1fr}.payment-history-card{align-items:flex-start;flex-direction:column}.payment-history-right{text-align:left;width:100%;justify-content:space-between}.payment-section{padding:48px 5%}}
/* Payment methods */
.payment-methods{display:grid;gap:10px;margin:16px 0}.payment-method-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dfe8da;border-radius:15px;background:#fff;cursor:pointer;transition:.18s ease}.payment-method-card.selected{border-color:#9dce78;background:#f4faef;box-shadow:0 6px 16px rgba(52,88,36,.08)}.payment-method-card input{accent-color:#6ca33f}.payment-method-card b{display:block}.payment-method-card small{display:block;margin-top:4px;color:#758077;font-size:12px}.payment-recommended{display:inline-flex;margin-left:6px;padding:4px 7px;border-radius:99px;background:#dff2cf;color:#3d7225;font-size:9px;text-transform:uppercase;letter-spacing:.6px;vertical-align:2px}.cash-confirm-btn{border:1px solid #b8db98;background:#eef9e6;color:#396d20;padding:8px 11px;border-radius:10px;font-weight:900;cursor:pointer}.payment-cash-badge{background:#fff5d9;color:#87691c}.payment-status.cash_pending{background:#fff5d9;color:#87691c}
/* Ride lifecycle UI */
.status-badge.status-started{border-color:rgba(139,216,74,.55);background:rgba(139,216,74,.14);color:#6fbe35}
.status-badge.status-completed{border-color:rgba(80,160,255,.35);background:rgba(80,160,255,.10)}
.status-badge.status-cancelled{opacity:.75}
.ride-actions{flex-wrap:wrap}
.ride-actions button{white-space:nowrap}
.booking-confirmed{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;background:rgba(139,216,74,.12);border:1px solid rgba(139,216,74,.25);font-weight:700;font-size:12px}
/* ---------- ACTIVITY CENTER 2.0 ---------- */
.activity-section{padding-top:70px}.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.activity-filters{display:flex;gap:8px;flex-wrap:wrap}.activity-filter{border:1px solid #e1e6ea;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;color:#5f6873;cursor:pointer}.activity-filter.active{background:#183d25;color:#fff;border-color:#183d25}.activity-actions{display:flex;gap:8px;flex-wrap:wrap}.activity-list{display:grid;gap:10px}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #e4e8eb;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(20,35,25,.05);cursor:pointer;transition:.2s}.activity-item:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,35,25,.09)}.activity-item.unread{border-left:4px solid #2c9a56;background:linear-gradient(90deg,#f7fff9,#fff)}.activity-icon{width:44px;height:44px;border-radius:14px;background:#eef7f0;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}.activity-content{min-width:0;flex:1}.activity-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-title-row h3{margin:0;font-size:16px}.activity-title-row span{font-size:12px;color:#8a929d;white-space:nowrap}.activity-content p{margin:7px 0 9px;color:#5d6671;line-height:1.5}.activity-bottom{display:flex;align-items:center;gap:10px}.activity-chip{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:#f1f3f5;color:#69727d;font-weight:800}.activity-open{padding:0!important}.activity-read-btn{border:0;background:transparent;color:#2c9a56;font-size:13px;cursor:pointer}.activity-item.read .activity-read-btn{color:#a1a8b0}.activity-empty{padding:35px;text-align:center}.activity-empty-icon{font-size:28px}.activity-empty h3{margin:8px 0 5px}.activity-empty p{margin:0;color:#737c87}@media(max-width:760px){.activity-toolbar{align-items:stretch;flex-direction:column}.activity-actions{justify-content:flex-start}.activity-title-row{align-items:flex-start;flex-direction:column;gap:4px}.activity-item{padding:14px}.activity-icon{width:38px;height:38px}.activity-section{padding-top:48px}}
/* Referral & rewards */
.rewards-section{padding:80px 5%;background:#f7faf8}.rewards-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;max-width:1100px;margin:auto}.reward-hero,.reward-balance{display:grid;align-content:center;gap:12px}.reward-hero{grid-template-columns:auto 1fr auto;align-items:center}.reward-icon{font-size:44px}.reward-hero h3{font-size:30px;letter-spacing:1px;margin:4px 0}.reward-balance strong{font-size:42px;line-height:1}.referral-claim{display:flex;gap:8px;margin-top:10px}.referral-claim input{flex:1;min-width:0}.reward-history{max-width:1100px;margin:22px auto 0}.reward-row{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(0,0,0,.08)}.reward-row small{display:block;opacity:.65;margin-top:3px}.reward-row strong{font-size:18px}@media(max-width:800px){.rewards-grid{grid-template-columns:1fr}.reward-hero{grid-template-columns:auto 1fr}.reward-hero button{grid-column:2}.referral-claim{flex-direction:column}}
/* ---------- BIKUBOO VIBRANT VISUAL REFRESH ---------- */
.site-header{height:82px;padding:0 6%;gap:24px}
.site-header .logo{font-size:26px;flex:0 0 auto}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 8px;background:rgba(246,250,243,.88);border:1px solid #e0e9da;border-radius:18px;box-shadow:0 8px 24px rgba(30,50,25,.06);max-width:calc(100% - 320px);overflow-x:auto;scrollbar-width:none}
.site-header nav::-webkit-scrollbar{display:none}
.site-header nav a{padding:9px 11px;border-radius:11px;white-space:nowrap;font-weight:750;font-size:13px;transition:transform .2s ease,background .2s ease,color .2s ease}
.site-header nav a:hover{background:#fff;color:#2e5f22;transform:translateY(-2px)}
.site-header nav a[href="#find"]{background:#e7f7d4;color:#356620}
.mobile-menu-btn{display:none;border:1px solid #dfe8d9;background:#fff;border-radius:12px;width:42px;height:42px;font-size:20px;cursor:pointer}
.hero-vibrant{min-height:620px;padding:78px 6%;grid-template-columns:1.02fr .98fr;gap:42px;background:radial-gradient(circle at 20% 10%,#fff 0,#f4fbe9 38%,#e7f7db 100%);position:relative;overflow:hidden}
.hero-vibrant:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#c9b8ff;filter:blur(95px);opacity:.28;right:-120px;top:-130px;animation:heroBlob 9s ease-in-out infinite alternate}
.hero-vibrant:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#ffb37a;filter:blur(85px);opacity:.18;left:-120px;bottom:-110px;animation:heroBlob 11s ease-in-out infinite alternate-reverse}
@keyframes heroBlob{to{transform:translate(35px,28px) scale(1.15)}}
.hero-copy{position:relative;z-index:1;animation:heroIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.hero-vibrant .pill{display:inline-flex;box-shadow:0 8px 22px rgba(99,151,50,.13);background:#e9f9d8;border:1px solid #d2edb7}
.hero-vibrant h1{font-size:clamp(56px,7vw,92px);text-shadow:0 8px 28px rgba(45,75,31,.08)}
.hero-vibrant h1 span{background:linear-gradient(90deg,#70b83b,#35b982,#7b4dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-vibrant .actions .primary,.hero-vibrant .actions .secondary{transition:transform .2s ease,box-shadow .2s ease}
.hero-vibrant .actions .primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 30px rgba(111,178,55,.25)}
.hero-vibrant .actions .secondary:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(50,80,40,.12)}
.hero-vibrant .trust{display:flex;gap:16px;flex-wrap:wrap}.hero-vibrant .trust span{background:rgba(255,255,255,.7);border:1px solid #e0ead9;padding:7px 10px;border-radius:999px}
.visual-vibrant{height:500px;border-radius:42px;background:linear-gradient(135deg,#d9f7a6 0%,#c9f2e4 46%,#e9ddff 100%);border:1px solid rgba(117,158,92,.18);box-shadow:0 28px 80px rgba(55,80,48,.16);overflow:hidden;animation:visualIn 1s .1s cubic-bezier(.2,.8,.2,1) both}
@keyframes visualIn{from{opacity:0;transform:scale(.94) translateY(20px)}to{opacity:1;transform:none}}
.hero-bike-art{position:absolute;width:min(92%,620px);left:50%;top:42%;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 22px 22px rgba(32,45,28,.18));animation:bikeFloat 4.8s ease-in-out infinite}
@keyframes bikeFloat{0%,100%{transform:translate(-50%,-50%) rotate(-1deg)}50%{transform:translate(-50%,calc(-50% - 9px)) rotate(1deg)}}
.visual-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.75}.glow-one{width:120px;height:120px;background:#ffcf5a;left:10%;top:10%;animation:glowMove 6s ease-in-out infinite}.glow-two{width:100px;height:100px;background:#ff7a59;right:10%;top:22%;animation:glowMove 7s -2s ease-in-out infinite}
@keyframes glowMove{50%{transform:translate(16px,20px) scale(1.12)}}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.68);border-radius:50%;z-index:1}.orbit-one{width:410px;height:410px;left:50%;top:45%;transform:translate(-50%,-50%)}.orbit-two{width:310px;height:310px;left:50%;top:45%;transform:translate(-50%,-50%);border-style:dashed;animation:spin 24s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.route-chip{position:absolute;z-index:4;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 26px rgba(39,54,32,.14);padding:10px 13px;border-radius:999px;font-size:12px;font-weight:900;animation:chipFloat 4s ease-in-out infinite}.route-chip-a{top:45px;left:34px}.route-chip-b{top:92px;right:34px;animation-delay:-1.5s}@keyframes chipFloat{50%{transform:translateY(-7px)}}
.ride-float{z-index:5;left:24px!important;right:24px!important;bottom:22px!important;border-radius:19px!important;padding:17px 19px!important;animation:cardFloat 4.5s ease-in-out infinite}.ride-float span{display:inline-flex;background:#e6f7d7;padding:5px 8px;border-radius:999px}@keyframes cardFloat{50%{transform:translateY(-5px)}}
.floating-stat{position:absolute;z-index:5;background:#151c16;color:#fff;padding:12px 14px;border-radius:15px;box-shadow:0 14px 30px rgba(20,30,18,.2);font-size:12px;animation:statFloat 5s ease-in-out infinite}.floating-stat b{display:block}.floating-stat small{display:block;color:#c8d2c5;margin-top:3px}.stat-one{left:18px;bottom:150px}.stat-two{right:18px;bottom:150px;animation-delay:-2.2s}@keyframes statFloat{50%{transform:translateY(-8px) rotate(1deg)}}
.vibe-strip{padding:26px 6% 78px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:linear-gradient(180deg,#e7f7db 0,#fbfdf9 80%)}
.vibe-card{min-height:175px;border-radius:24px;padding:18px;display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center;border:1px solid rgba(0,0,0,.05);box-shadow:0 16px 40px rgba(30,50,25,.08);overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease}.vibe-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 25px 55px rgba(30,50,25,.13)}.vibe-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-25px;top:-25px;background:#fff;opacity:.3}.vibe-card img{width:110px;height:90px;object-fit:cover;border-radius:18px}.vibe-card small{font-size:10px;letter-spacing:1.3px;font-weight:900;opacity:.7}.vibe-card h3{margin:5px 0;font-size:21px;letter-spacing:-.6px}.vibe-card p{margin:0;color:#5f695f;font-size:13px;line-height:1.45}.vibe-lime{background:#effbdc}.vibe-purple{background:#f0e9ff}.vibe-orange{background:#fff0dd}
section:not(.hero):not(.vibe-strip){animation:sectionIn .7s ease both}@keyframes sectionIn{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.site-header{padding:0 4%}.site-header nav{max-width:calc(100% - 250px);gap:3px}.site-header nav a{padding:8px 8px;font-size:12px}.hero-vibrant{padding-left:5%;padding-right:5%}}
@media(max-width:900px){.site-header{height:70px}.site-header nav{display:none;position:absolute;left:12px;right:12px;top:66px;max-width:none;flex-wrap:wrap;justify-content:flex-start;overflow:visible;padding:10px;box-shadow:0 20px 45px rgba(20,35,20,.14);background:rgba(255,255,255,.97)}.site-header nav.open{display:flex}.mobile-menu-btn{display:block;margin-left:auto}.site-header .header-tools{margin-left:0}.hero-vibrant{grid-template-columns:1fr;min-height:auto;padding-top:58px}.visual-vibrant{height:430px}.vibe-strip{grid-template-columns:1fr 1fr;padding-bottom:55px}}
@media(max-width:600px){.site-header{padding:0 5%;gap:8px}.site-header .logo{font-size:22px}.hero-vibrant h1{font-size:54px}.hero-vibrant .trust{gap:7px}.hero-vibrant .trust span{font-size:11px}.visual-vibrant{height:360px;border-radius:28px}.hero-bike-art{width:105%;top:43%}.orbit-one{width:300px;height:300px}.orbit-two{width:240px;height:240px}.route-chip{font-size:10px;padding:8px 10px}.route-chip-a{top:24px;left:18px}.route-chip-b{top:62px;right:18px}.floating-stat{font-size:10px;padding:9px 10px}.stat-one{left:10px;bottom:120px}.stat-two{right:10px;bottom:120px}.ride-float{left:12px!important;right:12px!important;bottom:12px!important}.vibe-strip{grid-template-columns:1fr;padding-left:5%;padding-right:5%}.vibe-card{grid-template-columns:90px 1fr}.vibe-card img{width:90px;height:78px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ---------- BIKUBOO UI POLISH v3 ---------- */
.site-header{height:86px;padding:0 clamp(22px,5vw,72px);gap:18px;position:sticky}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#b7f36b 0%,#35d7a5 38%,#7b4dff 70%,#ff7a59 100%);opacity:.65}
.site-header .logo{font-size:28px;letter-spacing:-1.8px;min-width:132px}
.site-header nav{flex:1;max-width:none;overflow:visible;justify-content:center;gap:4px;padding:6px;border-radius:22px;background:rgba(248,251,246,.92);border:1px solid rgba(211,225,204,.95);box-shadow:0 10px 32px rgba(28,48,24,.07)}
.site-header nav a,.more-nav-btn{font-size:12px;padding:10px 12px;border-radius:13px;font-weight:850;letter-spacing:-.1px}
.site-header nav a{color:#526054}
.site-header nav a:hover,.more-nav-btn:hover{background:#fff;color:#23351f;transform:translateY(-1px)}
.site-header nav a.active,.site-header nav a[href="#find"]{background:linear-gradient(135deg,#e9fbd5,#dff6e9);color:#2e651d;box-shadow:inset 0 0 0 1px #d1edbf}
.more-wrap{position:relative;display:flex;align-items:center}.more-nav-btn{border:0;background:transparent;color:#526054;cursor:pointer;font:inherit}.more-nav-btn span{font-size:13px;margin-left:3px}
.more-nav-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:165px;padding:7px;background:rgba(255,255,255,.98);border:1px solid #dfe8da;border-radius:16px;box-shadow:0 20px 45px rgba(20,35,20,.15);z-index:50}
.more-nav-menu.open{display:grid}.more-nav-menu a{display:block!important;padding:11px 12px!important;border-radius:10px!important}.more-nav-menu a:hover{background:#f1f9e9!important;transform:none!important}
.header-tools{flex:0 0 auto}.header-tools #authArea .outline{padding:11px 17px;border-radius:13px;white-space:nowrap}
.hero-vibrant{min-height:660px;padding-top:88px;padding-bottom:90px;background:radial-gradient(circle at 18% 12%,#fff 0,#f5fbe9 34%,#eaf9e1 63%,#f3ebff 100%)}
.hero-vibrant .hero-copy{max-width:650px}.hero-vibrant h1{font-size:clamp(58px,7.1vw,98px);line-height:.92;letter-spacing:-5px;margin-top:24px}.hero-vibrant h1 span{background:linear-gradient(100deg,#78bd39 5%,#25c69b 47%,#7753ef 88%)}
.hero-vibrant p{font-size:18px;max-width:590px}.hero-vibrant .trust span{backdrop-filter:blur(8px)}
.visual-vibrant{height:540px;border-radius:48px;background:radial-gradient(circle at 30% 20%,#fff5b6 0 7%,transparent 22%),linear-gradient(135deg,#c9f49c,#b9eee0 46%,#d9ccff);border:1px solid rgba(111,140,95,.16);box-shadow:0 34px 90px rgba(52,74,45,.18)}
.visual-vibrant:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.65);border-radius:36px;pointer-events:none}
.hero-bike-art{width:min(105%,690px);top:47%;filter:drop-shadow(0 26px 24px rgba(27,35,27,.2));animation:bikeFloatPro 5s ease-in-out infinite}
@keyframes bikeFloatPro{0%,100%{transform:translate(-50%,-50%) rotate(-1.2deg)}50%{transform:translate(-50%,calc(-50% - 13px)) rotate(1.2deg)}}
.vibe-strip{padding-top:34px}.vibe-card{min-height:190px;grid-template-columns:125px 1fr;padding:20px}.vibe-card img{width:125px;height:105px;object-fit:cover;border-radius:20px;box-shadow:0 10px 25px rgba(30,40,25,.08)}
@media(max-width:1180px){.site-header{padding:0 24px}.site-header .logo{min-width:115px}.site-header nav a,.more-nav-btn{padding:9px 8px;font-size:11px}.header-tools #authArea .outline{padding:10px 13px}}
@media(max-width:900px){.site-header{height:72px;padding:0 18px}.site-header nav{position:absolute;left:12px;right:12px;top:72px;max-width:none;justify-content:flex-start;flex-wrap:wrap;overflow:visible;padding:10px}.site-header nav a,.more-nav-btn{font-size:12px}.mobile-menu-btn{display:block;margin-left:auto}.site-header .header-tools{margin-left:0}.site-header .header-tools #authArea .outline{display:none}.hero-vibrant{padding-top:62px}.visual-vibrant{height:450px}}
@media(max-width:600px){.site-header{padding:0 14px}.site-header .logo{font-size:23px;min-width:auto}.hero-vibrant h1{font-size:55px;letter-spacing:-3px}.visual-vibrant{height:380px;border-radius:30px}.hero-bike-art{width:112%}.vibe-card{grid-template-columns:90px 1fr}.vibe-card img{width:90px;height:78px}.more-nav-menu{position:static;margin-left:auto;box-shadow:none;width:100%;grid-column:1/-1}}
/* BIKUBOO PWA + mobile experience */
html{background:#fbfdf9}body{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}
.install-app-btn{border:1px solid #d7e5cf;background:#eff9e6;color:#2f5f21;border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer;white-space:nowrap}
.install-app-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(45,92,30,.1)}
.install-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;background:rgba(18,28,19,.96);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 24px 60px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.install-banner>div{flex:1}.install-banner strong{display:block;font-size:14px}.install-banner small{display:block;color:#cbd5ca;margin-top:3px}.install-dismiss{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer}
@media(max-width:900px){
.site-header{padding:0 14px;gap:8px;z-index:50}.site-header .logo{min-width:auto}.site-header nav{display:none;position:absolute;left:10px;right:10px;top:calc(100% + 8px);padding:12px;background:rgba(255,255,255,.97);border:1px solid #dfe8d9;border-radius:20px;box-shadow:0 22px 50px rgba(20,35,20,.16);max-height:calc(100vh - 90px);overflow:auto;flex-direction:column;align-items:stretch;gap:5px}.site-header nav.open{display:flex}.site-header nav a,.more-nav-btn{width:100%;text-align:left;padding:13px 14px;font-size:14px}.more-wrap{width:100%}.more-nav-btn{display:flex;justify-content:space-between}.more-nav-menu{position:static;width:100%;margin:5px 0 0;padding:5px;background:#f5f9f2;border-radius:14px;box-shadow:none}.more-nav-menu a{padding:11px 14px}.mobile-menu-btn{display:block;margin-left:auto}.header-tools{gap:6px}.header-tools #authArea .outline{display:none}.install-app-btn{display:none}.hero-vibrant{padding-top:48px}.hero-vibrant h1{font-size:clamp(48px,13vw,70px);line-height:.94}.hero-vibrant p{font-size:16px}.actions .primary,.actions .secondary{padding:13px 16px}.visual-vibrant{min-height:420px;height:auto;padding-bottom:160px}.vibe-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.site-header{height:68px}.site-header .logo{font-size:23px}.mobile-menu-btn{width:40px;height:40px}.notification-btn{width:40px;height:40px}.hero-vibrant{padding:42px 5% 34px;gap:30px}.hero-vibrant h1{letter-spacing:-2.5px}.hero-vibrant .trust{display:grid;grid-template-columns:1fr;gap:7px}.visual-vibrant{min-height:390px;border-radius:26px;padding-bottom:145px}.route-chip{z-index:3}.floating-stat{z-index:4}.ride-float{z-index:5}.vibe-strip{grid-template-columns:1fr;padding-top:20px}.vibe-card{min-height:150px}.heading{display:block}.heading h2{font-size:32px}.heading p{margin-top:8px}.card{padding:16px}.install-banner{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:13px}.install-banner .primary{padding:10px 14px}.modal{padding:12px}.modalbox{padding:22px;max-height:90vh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){.install-app-btn{transition:none!important}}
/* ---------- BIKUBOO FINAL HERO CLEANUP v5 ---------- */
/* Remove the previous bike artwork and gradient text block completely. */
.hero-vibrant h1 span{
background:none!important;
-webkit-background-clip:initial!important;
background-clip:initial!important;
color:#73b83d!important;
animation:none!important;
display:inline!important;
padding:0!important;
box-shadow:none!important;
}
.hero-bike-art{display:none!important}
.install-banner{display:none!important}
.hero-vibrant{min-height:650px}
.visual-vibrant{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-route-art{position:absolute;inset:0;z-index:2;overflow:hidden}
.hero-route-art:before,.hero-route-art:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-route-art:before{width:250px;height:250px;left:8%;top:8%;background:rgba(255,207,89,.48);box-shadow:320px 130px 0 80px rgba(113,225,178,.24),520px 260px 0 70px rgba(177,126,255,.20);animation:orbDrift 8s ease-in-out infinite}
.hero-route-art:after{width:180px;height:180px;right:5%;bottom:25%;background:rgba(255,119,94,.25);filter:blur(25px);animation:orbDrift 7s ease-in-out infinite reverse}
@keyframes orbDrift{50%{transform:translate(18px,-14px) scale(1.06)}}
.route-line{position:absolute;left:18%;right:17%;top:43%;height:92px;border-top:6px solid transparent;border-radius:50%;transform:rotate(-9deg);background:linear-gradient(90deg,#79c83f,#2cc9a0,#7655ed) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:0 0 28px rgba(79,189,123,.25)}
.route-line:before,.route-line:after{content:"";position:absolute;inset:-55px 5%;border:1px solid rgba(255,255,255,.72);border-radius:50%;transform:rotate(7deg)}
.route-line:after{inset:-88px 13%;opacity:.55}
.route-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #6b52e9;top:-12px;left:0;box-shadow:0 0 0 8px rgba(107,82,233,.12),0 0 24px rgba(107,82,233,.45);animation:travel 4.5s ease-in-out infinite}
@keyframes travel{0%,100%{left:0}50%{left:calc(100% - 18px)}}
.route-city{position:absolute;background:rgba(255,255,255,.94);padding:11px 16px;border-radius:999px;font-weight:900;font-size:14px;box-shadow:0 12px 28px rgba(32,48,27,.12);border:1px solid rgba(255,255,255,.8);z-index:4}
.city-a{left:8%;top:20%;animation:chipFloat 4s ease-in-out infinite}.city-b{right:8%;top:28%;animation:chipFloat 4.5s .4s ease-in-out infinite}
@keyframes chipFloat{50%{transform:translateY(-8px)}}
.route-mini-card{position:absolute;left:50%;bottom:26%;transform:translateX(-50%);background:rgba(19,29,20,.94);color:#fff;border-radius:18px;padding:14px 18px;min-width:180px;box-shadow:0 18px 38px rgba(20,30,18,.25);z-index:4;animation:cardFloat 4s ease-in-out infinite}
.route-mini-card strong{display:block;font-size:15px}.route-mini-card small{display:block;color:#c8d4c5;margin-top:4px;font-size:11px}
@keyframes cardFloat{50%{transform:translateX(-50%) translateY(-9px)}}
@media(max-width:600px){.hero-vibrant{min-height:auto}.route-line{left:13%;right:13%;top:40%}.city-a{left:5%;top:16%;font-size:11px;padding:9px 12px}.city-b{right:5%;top:23%;font-size:11px;padding:9px 12px}.route-mini-card{bottom:27%;min-width:160px}.visual-vibrant{min-height:390px}}
/* BIKUBOO-LOGO-FIX */
.site-header .logo{display:flex;align-items:center;width:150px;height:58px;overflow:hidden;flex:0 0 150px;text-decoration:none}
.site-header .logo img{display:block;width:145px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
@media (max-width:900px){.site-header .logo{width:128px;height:52px;flex-basis:128px}.site-header .logo img{width:124px;max-height:48px}}
@media (max-width:600px){.site-header .logo{width:112px;height:48px;flex-basis:112px}.site-header .logo img{width:108px;max-height:44px}}
/* BIKUBOO ride-results premium UI */
#results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#results .ride{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;border:1px solid #dfe7da;border-radius:20px;background:#fff;box-shadow:0 10px 30px #2535220b;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}
#results .ride:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#a8df65;transform:scaleY(0);transform-origin:center;transition:transform .22s}
#results .ride:hover{transform:translateY(-4px);box-shadow:0 18px 38px #25352216;border-color:#cfdcc7}
#results .ride:hover:before{transform:scaleY(1)}
#results .ride .ride-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#edf5e5;color:#5c8d2f;font-weight:900;font-size:18px}
#results .ride .ride-main{min-width:0}
#results .ride .ride-route{font-weight:900;font-size:16px;color:#182019}
#results .ride .ride-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;color:#69756b;font-size:12px}
#results .ride .ride-meta span{padding:5px 8px;border-radius:999px;background:#f4f7f1}
#results .ride .ride-price{text-align:right;font-weight:950;color:#182019;font-size:18px}
#results .ride .ride-price small{display:block;color:#778278;font-size:10px;font-weight:700;margin-top:2px}
#results .ride .verify-badge{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:5px 8px;border-radius:999px;background:#eef7e7;color:#5c8d2f;font-size:10px;font-weight:900}
#results .ride .primary{margin-top:10px;padding:10px 14px;font-size:12px}
#results .ride.skeleton{pointer-events:none}
#results .ride.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);transform:translateX(-100%);animation:bkResultShimmer 1.2s infinite}
@keyframes bkResultShimmer{100%{transform:translateX(100%)}}
@media(max-width:800px){#results{grid-template-columns:1fr}}
@media(max-width:600px){#results .ride{grid-template-columns:auto 1fr;gap:12px}#results .ride .ride-price{grid-column:2;text-align:left}#results .ride .primary{width:100%}}
/* Premium ride request confirmation modal */
.ride-request-modal{width:min(560px,100%);padding:30px!important;animation:bkModalIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes bkModalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.request-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-right:22px}
.request-modal-head small{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#6b9e3b}
.request-modal-head h2{font-size:28px;letter-spacing:-1px;margin:5px 0 5px;color:#182019}
.request-modal-head p{font-size:13px;color:#718074;margin:0;line-height:1.45}
.request-shield{width:48px;height:48px;border-radius:15px;background:#edf6e6;display:grid;place-items:center;font-size:23px;flex:none}
.request-summary{margin-top:22px;border:1px solid #dfe7da;border-radius:18px;overflow:hidden;background:#fbfdf9}
.request-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:19px;background:#f3f8ed}
.request-route>span{font-size:22px;color:#719d45}
.request-route small,.request-detail-grid small{display:block;font-size:9px;letter-spacing:1px;font-weight:900;color:#7a867b;margin-bottom:5px}
.request-route strong{font-size:14px;color:#1c281e}
.request-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid #e5ece1}
.request-detail-grid>div{padding:13px 15px;border-right:1px solid #e5ece1;border-bottom:1px solid #e5ece1}
.request-detail-grid>div:nth-child(2n){border-right:0}.request-detail-grid>div:nth-last-child(-n+2){border-bottom:0}
.request-detail-grid b{font-size:12px;color:#29352c}
.request-tags{display:flex;gap:7px;flex-wrap:wrap;padding:13px 15px}
.request-tags span{background:#edf6e6;color:#5d8d34;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}
.request-price{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-top:1px solid #e5ece1;background:#fff}
.request-price span{font-size:12px;color:#738076}.request-price strong{font-size:20px;color:#182019}
.request-safety{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:13px;background:#f7faf5}
.request-safety>span{width:22px;height:22px;border-radius:50%;background:#dfeecf;color:#5c8d2f;display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}
.request-safety b{display:block;font-size:12px}.request-safety small{display:block;color:#758178;font-size:10px;margin-top:3px;line-height:1.4}
.request-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.request-modal-actions button{min-width:110px}
#confirmRideRequestBtn:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.ride-request-modal{padding:23px!important}.request-modal-head h2{font-size:24px}.request-route{grid-template-columns:1fr}.request-route>span{transform:rotate(90deg);justify-self:center}.request-detail-grid{grid-template-columns:1fr}.request-detail-grid>div{border-right:0}.request-detail-grid>div:nth-last-child(-n+2){border-bottom:1px solid #e5ece1}.request-detail-grid>div:last-child{border-bottom:0}.request-modal-actions{display:grid;grid-template-columns:1fr 1.3fr}.request-modal-actions button{width:100%}}
/* My Requests premium tracking cards */
#myRequestResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.request-card{background:#fff;border:1px solid #dfe7da;border-radius:18px;padding:18px;box-shadow:0 10px 28px #2535220b;animation:bkRequestIn .45s both;transition:transform .22s,box-shadow .22s}
.request-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px #25352214}
@keyframes bkRequestIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.request-card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a857c}
.request-card-top>div{display:flex;align-items:center;gap:7px}
.request-status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#f2b84b}.request-status-dot.accepted{background:#72b53d;box-shadow:0 0 0 4px #72b53d18}.request-status-dot.rejected{background:#dc6b63}
.request-status-label{font-weight:900;color:#354237}
.request-card-route{display:flex;align-items:center;gap:10px;margin:18px 0 13px;font-size:14px}.request-card-route span{color:#83a65e}.request-card-route strong{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.request-card-meta{display:flex;gap:7px;flex-wrap:wrap}.request-card-meta span{background:#f4f7f1;border-radius:999px;padding:6px 9px;font-size:10px;color:#657166;font-weight:800}
.request-progress{display:flex;gap:5px;margin:18px 0 13px}.request-progress span{height:4px;flex:1;border-radius:4px;background:#e7ede3;position:relative;overflow:hidden}.request-progress span.done{background:#a8df65}.request-progress span.done:after{content:"";position:absolute;inset:0;background:#fff7;transform:translateX(-100%);animation:bkProgress .6s ease forwards}.request-card-foot{border-top:1px solid #edf1eb;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.request-card-foot>small{color:#7a857c;font-size:10px;line-height:1.4}.request-card-foot .request-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@keyframes bkProgress{to{transform:translateX(100%)}}
.request-empty{text-align:center;padding:35px!important}.request-empty>div{font-size:34px;margin-bottom:8px}.request-empty b{display:block}.request-empty small{display:block;margin-top:5px;color:#78837a}
@media(max-width:800px){#myRequestResults{grid-template-columns:1fr}}
@media(max-width:600px){.request-card-route{font-size:13px}.request-card-foot{display:block}.request-card-foot .request-actions{justify-content:flex-start;margin-top:10px}}
/* Premium Offer a Ride builder */
.bk-offer-section{position:relative;overflow:hidden}.bk-offer-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-230px;top:-190px;background:#edf6e5;pointer-events:none}
.bk-offer-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px;align-items:stretch}
.bk-offer-form{padding:24px!important;border:1px solid #dfe7da!important;border-radius:22px!important;box-shadow:0 15px 35px #2535220c!important}
.bk-offer-form label{font-weight:800;color:#354237}.bk-offer-form input{transition:border-color .2s,box-shadow .2s,transform .2s}.bk-offer-form input:focus{border-color:#a8df65;box-shadow:0 0 0 4px #a8df651f;transform:translateY(-1px)}
.bk-offer-checks{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:9px!important;padding-top:5px}.bk-offer-checks label{background:#f4f7f1;border:1px solid #e0e8dc;border-radius:999px;padding:9px 12px;font-size:11px;cursor:pointer;transition:.2s}.bk-offer-checks label:hover{transform:translateY(-2px);border-color:#bdd6a9}
.bk-publish-btn{grid-column:1/-1;margin-top:2px;transition:transform .2s,box-shadow .2s}.bk-publish-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6b9e3b2b}
.bk-offer-preview{position:relative;overflow:hidden;border:1px solid #dbe6d6;border-radius:22px;background:#fff;box-shadow:0 15px 35px #2535220c;padding:21px;display:flex;flex-direction:column}
.bk-offer-preview:before{content:"";position:absolute;left:-80px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:#f0f7e9}
.bk-preview-head{position:relative;display:flex;justify-content:space-between;align-items:center;color:#6b9e3b;font-size:10px;letter-spacing:1.4px;font-weight:900}.bk-preview-head b{letter-spacing:0;color:#263126}
.bk-preview-route{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:25px;padding:17px;border-radius:16px;background:#f3f8ed}.bk-preview-route>span{color:#79a34d}.bk-preview-route small,.bk-preview-details small{display:block;font-size:9px;letter-spacing:1px;color:#7b877c;font-weight:900;margin-bottom:5px}.bk-preview-route strong{font-size:13px;color:#253126;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-preview-details{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e5ece1;margin-top:12px;border:1px solid #e5ece1;border-radius:14px;overflow:hidden}.bk-preview-details>div{background:#fff;padding:12px}.bk-preview-details b{font-size:11px;color:#2f3a31}.bk-preview-trust{position:relative;display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:12px;border-radius:13px;background:#f7faf5;color:#5e8c38;font-size:17px}.bk-preview-trust b{display:block;font-size:11px;color:#344136}.bk-preview-trust small{display:block;font-size:9px;color:#7b867c;line-height:1.4;margin-top:3px}.bk-preview-road{position:relative;height:70px;margin-top:auto;overflow:hidden;border-radius:15px;background:#344336;transform:perspective(180px) rotateX(48deg);transform-origin:bottom}.bk-preview-road:before{content:"";position:absolute;left:50%;top:-10px;bottom:-10px;border-left:4px dashed #dce7d6}.bk-preview-road i{position:absolute;width:10px;height:10px;border-radius:50%;background:#a8df65;top:18px;animation:bkRoadMove 3s linear infinite}.bk-preview-road i:nth-child(1){left:25%}.bk-preview-road i:nth-child(2){left:55%;animation-delay:1s}.bk-preview-road i:nth-child(3){left:75%;animation-delay:2s}@keyframes bkRoadMove{from{transform:translateY(25px);opacity:0}25%{opacity:1}to{transform:translateY(-50px);opacity:0}}
@media(max-width:850px){.bk-offer-layout{grid-template-columns:1fr}.bk-offer-preview{min-height:360px}}
@media(max-width:600px){.bk-offer-form{padding:17px!important}.bk-offer-checks{display:grid!important;grid-template-columns:1fr}.bk-offer-checks label{border-radius:12px}.bk-preview-route{grid-template-columns:1fr}.bk-preview-route>span{transform:rotate(90deg);justify-self:center}}
/* ---------- Ride publish success experience ---------- */
.bk-publish-success-modal{z-index:1200;background:rgba(10,18,14,.58);backdrop-filter:blur(10px)}
.bk-publish-success-card{position:relative;width:min(520px,calc(100% - 28px));padding:34px 30px 26px;text-align:center;border:1px solid rgba(123,220,67,.2);box-shadow:0 28px 90px rgba(0,0,0,.25);overflow:hidden}
.bk-publish-success-card:before{content:"";position:absolute;inset:-45% -20% auto;height:220px;background:radial-gradient(circle,rgba(123,220,67,.16),transparent 68%);pointer-events:none}
.bk-success-icon{position:relative;width:74px;height:74px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dfffcf,#9be56d);box-shadow:0 0 0 9px rgba(123,220,67,.09),0 14px 32px rgba(74,150,39,.18);animation:bkSuccessPop .55s cubic-bezier(.2,.9,.25,1.35) both}
.bk-success-icon:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(123,220,67,.35);animation:bkSuccessRing 1.2s ease-out .15s both}
.bk-success-icon span{font-size:32px;font-weight:900;color:#22551a;line-height:1}
.bk-success-eyebrow{position:relative;font-size:11px;letter-spacing:.16em;font-weight:800;color:#4f9d2d;margin-bottom:7px}
.bk-publish-success-card h2{position:relative;margin:0;font-size:clamp(27px,5vw,36px);letter-spacing:-.04em}
.bk-success-copy{position:relative;max-width:420px;margin:9px auto 20px;color:#64706a;line-height:1.6;font-size:14px}
.bk-publish-summary{position:relative;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:#f6f9f5;border:1px solid #e4ece1;border-radius:17px;margin-bottom:18px}
.bk-publish-summary .bk-summary-route{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #e2e9df;font-weight:800;font-size:16px;color:#17231b}
.bk-publish-summary .bk-summary-route span{color:#69bd3d;padding:0 7px}
.bk-publish-summary .bk-summary-item{display:flex;flex-direction:column;gap:3px}
.bk-publish-summary small{font-size:9px;letter-spacing:.11em;font-weight:800;color:#849087}
.bk-publish-summary b{font-size:13px;color:#26332b}
.bk-publish-success-actions{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:10px}
.bk-publish-success-actions button{min-height:48px;border-radius:14px;font-weight:800}
.bk-success-safety{position:relative;display:flex;gap:8px;align-items:flex-start;text-align:left;margin-top:15px;padding:11px 12px;border-radius:13px;background:#fbfcfa;color:#748078;font-size:11px;line-height:1.45}
.bk-success-safety span:first-child{font-size:15px}
@keyframes bkSuccessPop{0%{transform:scale(.35) rotate(-12deg);opacity:0}70%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes bkSuccessRing{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.25);opacity:0}}
@media(max-width:560px){.bk-publish-success-card{padding:30px 18px 20px}.bk-publish-summary{grid-template-columns:1fr}.bk-publish-summary .bk-summary-route{grid-column:auto}.bk-publish-success-actions{grid-template-columns:1fr}.bk-success-icon{width:66px;height:66px}.bk-success-icon span{font-size:28px}}
/* ---------- Premium My Rides cards ---------- */
#myRidesResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bk-myride-card{position:relative;padding:20px;border:1px solid #e3ebe0;border-radius:22px;background:linear-gradient(145deg,#fff,#f8fbf6);box-shadow:0 10px 28px rgba(25,45,27,.07);overflow:hidden;animation:bkRideIn .45s ease both;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bk-myride-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#8fd653,#dff4c9);transform:scaleX(.25);transform-origin:left;transition:transform .3s ease}
.bk-myride-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(25,45,27,.11);border-color:#cfe2c7}.bk-myride-card:hover:before{transform:scaleX(1)}
.bk-myride-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.bk-myride-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:#7b887e}.bk-myride-route{display:flex;align-items:center;gap:9px;min-height:52px;padding:12px 13px;border-radius:16px;background:#f1f6ee;color:#182219;overflow:hidden}.bk-myride-route strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-route-dot{width:9px;height:9px;border-radius:50%;background:#86d24e;box-shadow:0 0 0 5px rgba(134,210,78,.12);flex:0 0 auto}.bk-route-arrow{color:#74b849;font-weight:900}.bk-myride-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.bk-myride-meta span{font-size:11px;font-weight:700;color:#657167;padding:7px 9px;border-radius:10px;background:#fff;border:1px solid #e7ece5}.bk-myride-preferences{display:flex;gap:7px;flex-wrap:wrap;min-height:25px}.bk-myride-preferences span{font-size:10px;font-weight:800;color:#5d863d;background:#eef8e7;border-radius:999px;padding:6px 9px}.bk-myride-driver{font-size:12px;color:#7a857d;margin:10px 0}.bk-myride-driver strong{color:#27332a}.bk-myride-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e7ede5}.bk-myride-actions button{min-height:38px;border-radius:11px;font-size:11px;font-weight:800}.bk-myride-actions .booking-confirmed{display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;background:#eef8e7;color:#4c8131;font-size:11px;font-weight:800}.bk-joined-card{background:linear-gradient(145deg,#fff,#f7fafc)}
@keyframes bkRideIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){#myRidesResults{grid-template-columns:1fr}}@media(max-width:560px){.bk-myride-card{padding:16px;border-radius:18px}.bk-myride-route{align-items:flex-start;flex-wrap:wrap}.bk-myride-route strong{max-width:38%}.bk-myride-actions{display:grid;grid-template-columns:1fr 1fr}.bk-myride-actions button{width:100%}}
/* ---------- Premium Incoming Ride Requests ---------- */
#driverRequestResults{display:block}
.bk-request-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.bk-request-summary>div{padding:16px 18px;border:1px solid #e1e9dd;border-radius:17px;background:linear-gradient(145deg,#fff,#f7faf4);box-shadow:0 8px 22px rgba(25,45,27,.05)}
.bk-request-summary span{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:#7b887e}
.bk-request-summary strong{display:block;margin-top:5px;font-size:25px;line-height:1;color:#1e2b21}
.bk-driver-request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.bk-driver-request-card{position:relative;padding:20px;border:1px solid #dfe8db;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(25,45,27,.07);overflow:hidden;animation:bkDriverReqIn .45s ease both;transition:transform .22s,box-shadow .22s,border-color .22s}
.bk-driver-request-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#a8df65;transform:scaleY(.25);transform-origin:center;transition:transform .25s}
.bk-driver-request-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(25,45,27,.11);border-color:#cfe0c8}
.bk-driver-request-card:hover:before{transform:scaleY(1)}
.bk-request-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.bk-passenger{display:flex;align-items:center;gap:11px;min-width:0}
.bk-passenger-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#edf6e6;color:#5b8d35;font-size:15px;font-weight:950;flex:none}
.bk-passenger>div:last-child{min-width:0}
.bk-passenger b{display:block;font-size:14px;color:#253127;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-passenger small{display:block;margin-top:3px;color:#7a857d;font-size:10px}
.bk-request-status{flex:none;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900}
.bk-request-status.pending{background:#fff5df;color:#9a6a19}
.bk-request-status.accepted{background:#eef8e7;color:#4f8432}
.bk-request-status.rejected{background:#fbeeed;color:#a44f48}
.bk-request-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:15px;border-radius:15px;background:#f3f8ef}
.bk-request-route>span{color:#75a94c;font-size:18px;font-weight:900}
.bk-request-route small{display:block;font-size:8px;letter-spacing:.11em;font-weight:900;color:#849087;margin-bottom:4px}
.bk-request-route strong{display:block;font-size:13px;color:#253127;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-request-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.bk-request-meta span{padding:7px 9px;border:1px solid #e7ece4;border-radius:10px;background:#fff;color:#68746b;font-size:10px;font-weight:750}
.bk-request-actions{display:flex;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #e8eee6}
.bk-request-actions button{border:0;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:850;cursor:pointer;transition:transform .18s,box-shadow .18s}
.bk-accept-btn{background:#1f3424;color:#fff;box-shadow:0 7px 18px rgba(31,52,36,.14)}
.bk-accept-btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(31,52,36,.2)}
.bk-reject-btn{background:#f4f6f2;color:#6b756d}
.bk-reject-btn:hover{transform:translateY(-2px);background:#eef1ec}
.bk-cash-confirm{background:#eef8e7;color:#4f8432}
.bk-payment-pill{display:inline-flex;padding:7px 9px;border-radius:999px;font-size:10px;font-weight:850}
.bk-payment-pill.pending{background:#fff5df;color:#9a6a19}
.bk-payment-pill.paid{background:#eef8e7;color:#4f8432}
.bk-request-closed{margin-top:15px;padding-top:13px;border-top:1px solid #e8eee6;color:#89938b;font-size:11px}
.bk-driver-empty{text-align:center;padding:46px 22px;border:1px dashed #d6e2d1;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbf6)}
.bk-empty-icon{font-size:31px;margin-bottom:9px}
.bk-driver-empty b{display:block;font-size:15px;color:#29362c}
.bk-driver-empty small{display:block;max-width:430px;margin:5px auto 0;color:#7b867e;font-size:11px;line-height:1.5}
@keyframes bkDriverReqIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(max-width:850px){.bk-driver-request-list{grid-template-columns:1fr}}
@media(max-width:600px){.bk-request-summary{gap:7px}.bk-request-summary>div{padding:13px 11px}.bk-request-summary strong{font-size:21px}.bk-request-card-head{align-items:flex-start}.bk-request-status{font-size:9px;padding:6px 8px}.bk-request-route{grid-template-columns:1fr}.bk-request-route>span{justify-self:center;transform:rotate(90deg)}.bk-request-actions{display:grid;grid-template-columns:1fr 1fr}.bk-request-actions button{width:100%}}
/* ---------- Driver request confirmation experience ---------- */
.bk-driver-action-modal{width:min(470px,calc(100% - 28px));padding:30px!important;text-align:center;animation:bkDriverModalIn .25s cubic-bezier(.2,.8,.2,1)}
.bk-driver-action-icon{width:62px;height:62px;margin:0 auto 13px;border-radius:19px;display:grid;place-items:center;background:#edf6e6;color:#4f8a31;font-size:28px;font-weight:950;box-shadow:0 10px 25px rgba(70,130,40,.12)}
.bk-driver-action-icon.reject{background:#fff0ee;color:#b4544c}
.bk-driver-action-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:900;color:#719b4c}
.bk-driver-action-modal h2{margin:6px 0 6px;font-size:27px;letter-spacing:-.04em;color:#1c281f}
.bk-driver-action-modal>p{margin:0 auto;color:#748078;font-size:13px;line-height:1.5;max-width:360px}
.bk-driver-action-summary{margin:19px 0 15px;padding:13px;text-align:left;border:1px solid #e2e9df;border-radius:14px;background:#f7faf5}
.bk-driver-action-summary span{display:block;font-size:8px;letter-spacing:.12em;font-weight:900;color:#879188;margin-bottom:4px}
.bk-driver-action-summary b{font-size:11px;color:#4b584e;line-height:1.45}
.bk-driver-action-buttons{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:15px}
.bk-driver-action-buttons button{min-height:45px;border-radius:12px;font-weight:850}
.bk-danger-action{border:0;border-radius:12px;background:#c95b52;color:#fff;font-weight:850;cursor:pointer;min-height:45px;transition:transform .18s,box-shadow .18s}
.bk-danger-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(180,75,67,.2)}
.bk-driver-success-card{width:min(440px,calc(100% - 28px));padding:34px 28px 27px;text-align:center;animation:bkDriverModalIn .28s cubic-bezier(.2,.8,.2,1)}
.bk-driver-success-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#dff6d0;color:#347329;font-size:31px;font-weight:950;box-shadow:0 0 0 8px #8bd84a16;animation:bkDriverSuccessPop .5s cubic-bezier(.2,.9,.25,1.25)}
.bk-driver-success-card>small{font-size:9px;letter-spacing:.15em;font-weight:900;color:#6f9d48}
.bk-driver-success-card h2{margin:7px 0 7px;font-size:28px;letter-spacing:-.04em}
.bk-driver-success-card>p{margin:0 auto 18px;color:#748078;font-size:13px;line-height:1.5;max-width:350px}
.bk-driver-success-summary{display:flex;flex-direction:column;gap:4px;padding:13px;border-radius:14px;background:#f5f9f3;border:1px solid #e2e9df;margin-bottom:17px}
.bk-driver-success-summary span{font-size:8px;letter-spacing:.12em;font-weight:900;color:#849087}
.bk-driver-success-summary strong{font-size:21px;color:#27352b}
@keyframes bkDriverModalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bkDriverSuccessPop{0%{transform:scale(.45);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:520px){.bk-driver-action-modal{padding:24px 18px!important}.bk-driver-action-buttons{grid-template-columns:1fr}.bk-driver-success-card{padding:29px 18px 22px}}
/* ---------- Premium Ride Lifecycle ---------- */
.bk-lifecycle-modal{width:min(510px,calc(100% - 28px));padding:31px!important;text-align:center;animation:bkLifeIn .27s cubic-bezier(.2,.8,.2,1)}
.bk-lifecycle-icon{width:66px;height:66px;margin:0 auto 13px;border-radius:20px;display:grid;place-items:center;background:#edf7e6;font-size:29px;box-shadow:0 10px 28px rgba(70,130,40,.11)}
.bk-lifecycle-eyebrow,.bk-lifecycle-success>small{font-size:9px;letter-spacing:.16em;font-weight:900;color:#6f9b49}
.bk-lifecycle-modal h2,.bk-lifecycle-success h2{margin:7px 0;font-size:29px;letter-spacing:-.04em;color:#1d2920}
.bk-lifecycle-modal>p,.bk-lifecycle-success>p{max-width:400px;margin:0 auto;color:#748078;font-size:13px;line-height:1.55}
.bk-lifecycle-summary{margin:19px 0 15px;border:1px solid #e0e9dc;border-radius:16px;overflow:hidden;background:#f8fbf6;text-align:left}
.bk-life-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:15px;background:#f1f7ed}.bk-life-route span{color:#76aa4d;font-weight:900}.bk-life-route strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-life-meta{display:flex;gap:7px;flex-wrap:wrap;padding:12px 14px}.bk-life-meta span{font-size:10px;font-weight:750;color:#68746b}
.bk-life-note{padding:11px 14px;border-top:1px solid #e2e9df;color:#667269;font-size:10px;line-height:1.5}
.bk-lifecycle-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:16px}.bk-lifecycle-actions button{min-height:46px;border-radius:12px;font-weight:850}
.bk-lifecycle-success{width:min(470px,calc(100% - 28px));padding:35px 29px 28px;text-align:center;animation:bkLifeIn .27s cubic-bezier(.2,.8,.2,1)}
.bk-lifecycle-success-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#dff6d0;font-size:31px;box-shadow:0 0 0 9px #8bd84a14;animation:bkLifePop .55s cubic-bezier(.2,.9,.25,1.25)}
.bk-lifecycle-success-summary{margin:18px 0;padding:14px;border:1px solid #e1e9de;border-radius:14px;background:#f6faf3}.bk-lifecycle-success-summary span{display:block;font-size:8px;letter-spacing:.13em;font-weight:900;color:#849087;margin-bottom:4px}.bk-lifecycle-success-summary strong{font-size:13px;color:#2d3a30}
.bk-lifecycle-success-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}.bk-lifecycle-success-actions button{min-height:45px;border-radius:12px;font-weight:850}
@keyframes bkLifeIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@keyframes bkLifePop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:520px){.bk-lifecycle-modal,.bk-lifecycle-success{padding:25px 18px!important}.bk-life-route{grid-template-columns:1fr}.bk-life-route span{justify-self:center;transform:rotate(90deg)}.bk-lifecycle-actions,.bk-lifecycle-success-actions{grid-template-columns:1fr}}
/* ---------- Premium Ride OTP ---------- */
.bk-safety-otp-panel{text-align:center;padding:24px 18px;border:1px solid #dce9d7;border-radius:20px;background:linear-gradient(145deg,#f8fbf6,#eef7e9);box-shadow:inset 0 1px 0 #fff}
.bk-safety-otp-label,.bk-safety-verify-badge{font-size:9px;letter-spacing:.16em;font-weight:950;color:#6f934e}
.bk-safety-otp{display:flex;justify-content:center;gap:9px;margin:15px 0 13px}
.bk-safety-otp span{width:54px;height:62px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid #dce7d7;color:#213126;font-size:29px;font-weight:950;box-shadow:0 8px 18px rgba(40,75,42,.07)}
.bk-safety-otp-countdown{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff5df;color:#98691d;font-size:10px;font-weight:850}
.bk-safety-otp-countdown.expired{background:#fceceb;color:#a34e47}
.bk-safety-otp-tip{margin-top:14px;padding-top:12px;border-top:1px solid #dfe9db;color:#6e796f;font-size:10px;line-height:1.5}
.bk-safety-verify-form{text-align:center;padding:4px 2px}
.bk-safety-verify-help{max-width:340px;margin:9px auto 17px;color:#748078;font-size:12px;line-height:1.5}
.bk-otp-inputs{display:flex;justify-content:center;gap:10px;margin:4px 0 15px}
.bk-otp-input{width:55px;height:61px;border:1.5px solid #d7e2d2;border-radius:14px;background:#fbfdf9;text-align:center;font-size:26px;font-weight:900;color:#243329;outline:none;box-shadow:0 6px 16px rgba(35,65,39,.05);transition:border-color .18s,box-shadow .18s,transform .18s}
.bk-otp-input:focus{border-color:#76aa4d;box-shadow:0 0 0 4px #8bd84a1f;transform:translateY(-2px)}
.bk-otp-input.shake{animation:bkOtpShake .4s ease;border-color:#c95b52}
.bk-otp-success{text-align:center;padding:18px 8px 10px}.bk-otp-success-icon{width:68px;height:68px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:#dff6d0;color:#39752d;font-size:31px;font-weight:950;animation:bkOtpPop .5s cubic-bezier(.2,.9,.25,1.25)}.bk-otp-success b{display:block;font-size:21px;color:#253229}.bk-otp-success p{margin:6px auto 0;max-width:300px;color:#748078;font-size:12px;line-height:1.5}
@keyframes bkOtpShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes bkOtpPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:520px){.bk-safety-otp{gap:6px}.bk-safety-otp span,.bk-otp-input{width:48px;height:55px}.bk-safety-otp span{font-size:25px}.bk-otp-inputs{gap:7px}}
/* ---------- Premium Ratings & Reviews ---------- */
.bk-rating-modal{width:min(490px,calc(100% - 28px));padding:31px!important;text-align:center;animation:bkRatingIn .27s cubic-bezier(.2,.8,.2,1)}
.bk-rating-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:#fff4d8;color:#d99a22;font-size:27px;box-shadow:0 9px 22px rgba(180,125,30,.12)}
.bk-rating-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:950;color:#8f773f}
.bk-rating-modal h2{margin:7px 0 5px;font-size:28px;letter-spacing:-.04em;color:#202d24}
.bk-rating-modal>p{margin:0 auto;color:#748078;font-size:12px;line-height:1.5}
.bk-rating-stars{display:flex;justify-content:center;gap:7px;margin:21px 0 5px}
.bk-rating-stars button{width:49px;height:49px;border:1px solid #e1e6df;border-radius:14px;background:#f8faf7;color:#c8cec7;font-size:26px;cursor:pointer;transition:transform .16s,color .16s,background .16s,border-color .16s}
.bk-rating-stars button:hover{transform:translateY(-3px);color:#e0a52c;background:#fff8e9}
.bk-rating-stars button.selected{color:#e0a52c;background:#fff4d8;border-color:#efcf7e;transform:translateY(-3px);box-shadow:0 7px 16px rgba(200,145,35,.13)}
.bk-rating-score-hint{height:20px;color:#7c867e;font-size:10px;font-weight:800}
.bk-rating-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:10px 0 14px}
.bk-rating-tags button{border:1px solid #dfe7db;background:#f8fbf6;color:#68746b;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer;transition:.16s}
.bk-rating-tags button:hover,.bk-rating-tags button.selected{background:#edf7e7;border-color:#b9d9a9;color:#4f8432}
.bk-rating-modal textarea{width:100%;box-sizing:border-box;border:1px solid #dfe7db;border-radius:14px;background:#fbfdf9;padding:12px 13px;resize:vertical;min-height:86px;outline:none;font:inherit;font-size:12px;margin-bottom:11px;transition:border-color .18s,box-shadow .18s}
.bk-rating-modal textarea:focus{border-color:#82ad61;box-shadow:0 0 0 4px #8bd84a18}
.bk-rating-modal form>.primary{width:100%;min-height:45px;border-radius:12px;font-weight:850}
.bk-rating-success{padding:20px 5px 8px}.bk-rating-success-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#dff6d0;color:#39752d;font-size:32px;font-weight:950;animation:bkRatingPop .5s cubic-bezier(.2,.9,.25,1.25)}.bk-rating-success small{font-size:9px;letter-spacing:.15em;font-weight:900;color:#6f9b49}.bk-rating-success h2{margin:7px 0}.bk-rating-success p{margin:0 auto;color:#748078;font-size:12px;line-height:1.5;max-width:320px}.bk-rating-success-stars{margin-top:15px;color:#dfa329;font-size:24px;letter-spacing:3px}
@keyframes bkRatingIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes bkRatingPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:520px){.bk-rating-modal{padding:25px 18px!important}.bk-rating-stars{gap:5px}.bk-rating-stars button{width:45px;height:45px;font-size:24px}.bk-rating-tags{gap:5px}}
/* ---------- Premium Private Ride Chat ---------- */
.bk-chat-modal{width:min(680px,calc(100% - 20px));padding:18px!important;border-radius:24px!important}
.bk-chat-head{padding:4px 8px 12px 4px;align-items:center}
.bk-chat-person{display:flex;align-items:center;gap:12px}
.bk-chat-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#dff3c9,#a9d87b);color:#31541e;font-weight:950;font-size:14px;box-shadow:0 7px 18px rgba(73,119,42,.14)}
.bk-chat-head h2{font-size:21px;margin:3px 0}.bk-chat-head p{max-width:390px}
.bk-chat-route{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #e0e9dc;border-radius:13px;background:#f7faf5}
.bk-chat-route>span{color:#65a33d;font-size:11px}.bk-chat-route b{font-size:11px;color:#4d5c50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-chat-route small{font-size:9px;color:#879187;font-weight:800}
.bk-chat-modal .chat-messages{height:390px;background:linear-gradient(180deg,#f6faf3,#f1f7ee);border-radius:18px;padding:17px}
.bk-chat-modal .chat-bubble{animation:bkChatIn .18s ease both}
.bk-chat-modal .chat-bubble.mine{background:#dff3c9;border:1px solid #d0e9bc}.bk-chat-modal .chat-bubble.theirs{background:#fff}
.bk-chat-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 1px 1px;scrollbar-width:none}.bk-chat-quick::-webkit-scrollbar{display:none}
.bk-chat-quick button{flex:none;border:1px solid #dbe6d7;background:#f8fbf6;color:#52604f;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer;transition:.16s}
.bk-chat-quick button:hover{background:#edf7e7;border-color:#b8d69f;transform:translateY(-1px)}
.bk-chat-modal .chat-compose{margin-top:9px;background:#f7faf5;border:1px solid #e1e9de;border-radius:15px;padding:6px}
.bk-chat-modal .chat-compose textarea{border:0;background:transparent;min-height:38px;padding:8px;box-shadow:none!important}.bk-chat-modal .chat-compose .primary{min-height:40px;border-radius:10px}
@keyframes bkChatIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.bk-chat-modal{width:calc(100% - 12px);padding:13px!important}.bk-chat-head{padding-right:27px}.bk-chat-status{display:none}.bk-chat-route{grid-template-columns:auto 1fr}.bk-chat-route small{grid-column:2}.bk-chat-modal .chat-messages{height:52vh;min-height:280px}.bk-chat-modal .chat-compose{grid-template-columns:1fr auto}.bk-chat-modal .chat-compose .primary{width:auto;min-width:70px}}
/* ---------- Premium Notifications & Activity ---------- */
.notification-wrap{position:relative}.notification-btn{width:44px;height:44px;border-radius:14px;border:1px solid #dce7d7;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(35,55,28,.06);transition:.2s}.notification-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(35,55,28,.1)}
.notification-count{background:#e35b4d;box-shadow:0 0 0 3px #fff;font-size:10px}
.notification-panel{width:min(390px,calc(100vw - 24px));border:1px solid #dfe9da;border-radius:20px;overflow:hidden;box-shadow:0 24px 65px rgba(28,48,25,.17);backdrop-filter:blur(18px);background:rgba(255,255,255,.97);animation:bkNotifyPanel .18s ease}
.notification-panel.open{display:block}.notification-head{padding:15px 17px;background:#fbfdf9}.notification-head b{font-size:14px}.notification-item{appearance:none;width:100%;display:grid;grid-template-columns:32px 1fr 7px;gap:10px;text-align:left;border:0;border-bottom:1px solid #edf1ea;padding:13px 15px;background:#fff;cursor:pointer;transition:.16s}.notification-item:hover{background:#f7fbf4}.notification-item.unread{background:#f3faed}.notification-item.status-read{opacity:.72}.notification-icon{width:32px;height:32px;border-radius:10px;background:#edf7e7;display:grid;place-items:center;font-size:15px}.notification-copy b{display:block;font-size:11px;color:#253126;margin:1px 0 3px}.notification-copy p{margin:0;font-size:11px;line-height:1.4;color:#69756b}.notification-copy small{display:block;margin-top:6px;color:#95a095;font-size:9px;text-transform:capitalize}.notification-dot{width:6px;height:6px;border-radius:50%;background:#72ad43;align-self:center;box-shadow:0 0 0 4px #e7f5dc}
.notification-empty{padding:30px 18px;display:flex;flex-direction:column;gap:5px;align-items:center}.notification-empty-icon{font-size:24px}.notification-empty b{font-size:12px;color:#344035}.notification-empty span{font-size:10px;color:#89948b}
.bk-notification-toast{position:fixed;right:22px;top:88px;z-index:10050;width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:38px 1fr 24px;gap:10px;align-items:center;padding:12px;border:1px solid #dce8d6;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(25,45,22,.18);backdrop-filter:blur(18px);opacity:0;transform:translateY(-12px) scale(.98);pointer-events:none;transition:.24s cubic-bezier(.2,.8,.2,1)}.bk-notification-toast.show{opacity:1;transform:none;pointer-events:auto}.bk-toast-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf7e7;font-size:17px}.bk-notification-toast b{display:block;font-size:11px;color:#263226}.bk-notification-toast small{display:block;margin-top:3px;font-size:10px;line-height:1.35;color:#778277}.bk-notification-toast button{border:0;background:transparent;color:#89948b;font-size:18px;cursor:pointer}
@keyframes bkNotifyPanel{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.notification-panel{position:fixed;right:10px;top:67px;width:calc(100vw - 20px);max-width:none}.bk-notification-toast{right:10px;top:76px;width:calc(100vw - 20px)}}
/* ---------- Premium Profile & Trust ---------- */
.profile-section{position:relative;overflow:hidden}.profile-section:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:#e5f7d5;filter:blur(65px);opacity:.55;right:-220px;top:80px;pointer-events:none}
.profile-grid{position:relative;z-index:1;gap:18px}.profile-card{border:1px solid #dfe9da!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(35,55,28,.07)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)}
.profile-card:first-child{padding:24px!important}.profile-top{align-items:center!important;gap:15px!important}.profile-avatar{width:68px!important;height:68px!important;border-radius:20px!important;background:linear-gradient(135deg,#dff3c9,#a8d978)!important;color:#31531f!important;font-size:21px!important;font-weight:950!important;box-shadow:0 10px 25px rgba(75,120,45,.14)}
.profile-top h3{font-size:22px!important;letter-spacing:-.03em}.profile-top .muted{font-size:11px!important;color:#718071!important}
.verification-box{margin-top:20px!important;padding:14px!important;border-radius:16px!important;background:#f7faf5!important;border:1px solid #e2ebde!important}.verification-box p{font-size:11px!important;color:#7b877d!important}.verify-badge{border-radius:999px!important;padding:7px 10px!important;font-size:9px!important;font-weight:900!important}
.verify-badge.verified{background:#e4f5d9!important;color:#39732b!important;border-color:#c4e5b4!important}.verify-badge.pending{background:#fff4d7!important;color:#96701e!important}
.profile-action{width:100%;margin-top:12px!important}.profile-form-grid{gap:13px!important}.profile-card label{font-size:10px!important;font-weight:850!important;color:#526054!important}.profile-card input,.profile-card textarea{border:1px solid #dce7d8!important;border-radius:12px!important;background:#fbfdf9!important;padding:11px 12px!important;font-size:12px!important;outline:none!important;transition:.18s!important}.profile-card input:focus,.profile-card textarea:focus{border-color:#91c76d!important;box-shadow:0 0 0 4px #91c76d1c!important}
.rating-summary{margin-top:18px!important;border:1px solid #dfe9da!important;border-radius:20px!important;background:linear-gradient(135deg,#fbfdf9,#f2f9eb)!important;box-shadow:0 15px 40px rgba(35,55,28,.06)!important}
.reviews{margin-top:14px!important}.reviews .review{border:1px solid #e1e9de!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(35,55,28,.045)!important}
.bk-public-profile-modal{width:min(560px,calc(100% - 20px));padding:26px!important;border-radius:24px!important}
.bk-public-profile-head{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e6eee2}.bk-public-avatar{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#dff3c9,#a8d978);color:#31531f;font-size:20px;font-weight:950}.bk-public-avatar img{width:100%;height:100%;object-fit:cover}.bk-public-profile-head small,.bk-public-section>small{font-size:8px;letter-spacing:.15em;font-weight:950;color:#729264}.bk-public-profile-head h2{margin:4px 0;font-size:23px}.bk-public-role{font-size:10px;color:#748078;font-weight:750}
.bk-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.bk-trust-strip>div{padding:12px 8px;border:1px solid #e1eadc;border-radius:14px;background:#f8fbf6;text-align:center}.bk-trust-strip strong{display:block;color:#38532f;font-size:16px}.bk-trust-strip span{display:block;margin-top:3px;color:#7a867c;font-size:9px}.bk-public-section{padding:14px 0;border-bottom:1px solid #e8eee5}.bk-public-section>p{font-size:12px;line-height:1.6;color:#667268;margin:8px 0 0}.bk-bike-detail{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:11px 12px;border-radius:12px;background:#f7faf5;font-size:11px}.bk-bike-detail span{color:#7d897f}.bk-review-heading{display:flex;justify-content:space-between;align-items:center}.bk-review-heading>span{font-size:9px;color:#8b968d}.bk-mini-review{padding:12px 0;border-bottom:1px solid #edf1ea}.bk-mini-review:last-child{border-bottom:0}.bk-mini-review>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.bk-mini-review>div span{color:#dfa329;letter-spacing:1px}.bk-mini-review p{margin:5px 0;font-size:11px;line-height:1.45;color:#68746a}.bk-mini-review small{font-size:8px;color:#98a198}.bk-no-reviews,.bk-profile-loading{text-align:center;padding:35px 10px;color:#89948b;font-size:11px}.bk-inline-profile{border:0;background:transparent;padding:0;color:inherit;cursor:pointer;font:inherit}.bk-inline-profile span{color:#62983d;font-size:9px;font-weight:800;margin-left:5px}.bk-profile-trigger{border:0;cursor:pointer;transition:.18s}.bk-profile-trigger:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(70,110,42,.15)}
@media(max-width:700px){.profile-grid{grid-template-columns:1fr!important}.bk-trust-strip{grid-template-columns:1fr 1fr 1fr}.bk-trust-strip>div{padding:10px 4px}.bk-public-profile-modal{padding:20px!important}}
/* ---------- Advanced Ride Discovery ---------- */
.bk-search-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 12px}.bk-result-summary{font-size:11px;color:#748078;font-weight:750}.bk-result-summary b{color:#355b26}.bk-search-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bk-search-controls label{font-size:9px;font-weight:850;color:#68756a}.bk-search-controls select{margin-left:4px;border:1px solid #dce7d8;border-radius:10px;padding:8px 10px;background:#fff;font:inherit;font-size:10px;outline:none}.bk-check-filter{display:flex!important;align-items:center;gap:5px;padding:8px 10px;border:1px solid #dce7d8;border-radius:999px;background:#f8fbf6;cursor:pointer}.bk-check-filter input{accent-color:#6ca840}.bk-search-pulse{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#79bd4d;animation:pulse 1s infinite}
.result-ride{position:relative}.bk-profile-trigger{flex:none}.bk-rider-line{display:flex;align-items:center;gap:3px}.bk-inline-profile strong{font-weight:850}.result-ride .ride-avatar{background:linear-gradient(135deg,#e4f5d6,#b9df93);color:#355c26;box-shadow:0 8px 18px rgba(70,110,42,.1)}
.result-ride .ride-main{min-width:0}.result-ride .ride-route{font-weight:900}.result-ride .verify-badge{display:inline-flex;align-items:center;max-width:100%;margin-top:9px}
@media(max-width:760px){.bk-search-tools{align-items:stretch;flex-direction:column}.bk-search-controls{width:100%}.bk-search-controls label:first-child{flex:1}.bk-search-controls select{width:100%;box-sizing:border-box}.bk-check-filter{flex:1;justify-content:center}.result-ride{grid-template-columns:44px 1fr!important}.result-ride .ride-price{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:5px}.result-ride .ride-price small{grid-column:1}.result-ride .map-route-btn{grid-column:1}.result-ride .ride-price .primary,.result-ride .ride-price .status-badge{grid-column:2;grid-row:1 / span 2}.bk-rider-line{flex-wrap:wrap}}
/* BIKUBOO landing shell reset: the refreshed homepage is itself a , so do not inherit global section padding. */
.bk-launch{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;}
.bk-launch .bk-mainhero,.bk-launch .bk-quick,.bk-launch .bk-rider-gallery,.bk-launch .bk-popular,.bk-launch .bk-split{box-sizing:border-box;}
@media(max-width:900px){
.bk-launch{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;}
.bk-launch .bk-mainhero{width:100%!important;max-width:none!important;}
.bk-launch .bk-intercity-hero .bk-hero-grid{width:100%!important;max-width:none!important;}
}
/* Mobile header: label the menu control clearly on phones. */
@media(max-width:900px){.site-header .mobile-menu-btn{width:auto!important;min-width:76px!important;height:42px!important;padding:0 16px!important;font-size:15px!important;font-weight:800!important;color:#173b2a!important;background:#fff!important;border:1px solid #dfe8d9!important;border-radius:12px!important}.site-header .mobile-menu-btn{font-family:Inter,Arial,sans-serif!important}}
/* Replace old header status dot with a compact mobile ride tagline. */
@media(max-width:900px){
.site-header:before{content:"Ride together";display:block;order:2;margin-left:auto;margin-right:6px;padding:7px 10px;border-radius:999px;background:#f1f8e9;color:#4f7d2d;font:800 11px/1 Inter,Arial,sans-serif;white-space:nowrap}
.site-header .mobile-menu-btn{order:3}
.site-header .header-tools{order:4}
}
@media(max-width:390px){.site-header:before{content:"Ride • Share";font-size:10px;padding:7px 8px}.site-header{gap:5px}}
/* Mobile header: Create account action replaces the status pill. */
@media(max-width:900px){
.site-header:before{display:none!important;content:none!important}
.site-header .mobile-create-btn{display:block;order:3;height:42px;padding:0 13px;border:0;border-radius:12px;background:#ff6a1a;color:#fff;font:800 13px/1 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.site-header .mobile-menu-btn{order:4}
.site-header .header-tools{order:5}
}
@media(max-width:600px){.site-header .mobile-create-btn{height:40px;padding:0 10px;font-size:12px}.site-header{gap:6px}}
@media(max-width:390px){.site-header .mobile-create-btn{padding:0 8px;font-size:11px}}
/* FINAL MOBILE HEADER NORMALIZATION - iOS/Android consistent */
@media screen and (max-width:900px){
.site-header{height:68px!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;padding:0 10px!important;gap:5px!important;display:flex!important;align-items:center!important;overflow:visible!important}
.site-header:before{display:none!important;content:none!important}
.site-header .logo{order:1!important;display:flex!important;flex:0 0 92px!important;width:92px!important;min-width:92px!important;height:50px!important;overflow:hidden!important;align-items:center!important}
.site-header .logo img{width:90px!important;height:auto!important;max-height:46px!important;object-fit:contain!important}
.site-header .logo:after{display:none!important;content:none!important}
.site-header .mobile-create-btn{order:2!important;display:flex!important;flex:0 0 86px!important;width:86px!important;min-width:86px!important;height:38px!important;padding:0 7px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:11px!important;background:#ff6a1a!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1.05!important;text-align:center!important;white-space:normal!important;box-sizing:border-box!important}
.site-header .mobile-menu-btn{order:3!important;display:flex!important;flex:0 0 66px!important;width:66px!important;min-width:66px!important;height:38px!important;padding:0!important;align-items:center!important;justify-content:center!important;border:1px solid #dfe8d9!important;border-radius:11px!important;background:#fff!important;color:#173b2a!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
.site-header .header-tools{order:4!important;display:flex!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;gap:0!important}
.site-header .header-tools #authArea{width:100%!important;min-width:0!important}
.site-header .header-tools #authArea .outline{display:flex!important;width:100%!important;min-width:0!important;height:38px!important;padding:0 8px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:11px!important;background:#062018!important;color:#fff!important;font:800 13px/1 Inter,Arial,sans-serif!important;white-space:nowrap!important}
}
@media screen and (max-width:360px){
.site-header{padding:0 7px!important;gap:4px!important}
.site-header .logo{flex-basis:82px!important;width:82px!important;min-width:82px!important}
.site-header .logo img{width:80px!important}
.site-header .mobile-create-btn{flex-basis:80px!important;width:80px!important;min-width:80px!important;font-size:11px!important}
.site-header .mobile-menu-btn{flex-basis:62px!important;width:62px!important;min-width:62px!important;font-size:12px!important}
}