:root{color:#eef7ff;font-synthesis:none;background:#06101b;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#123d50 0,#071421 38%,#050a11 100%);min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.app-shell{max-width:760px;min-height:100vh;margin:auto;padding:0 18px 92px;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#61d3e80b 1px,#0000 1px),linear-gradient(90deg,#61d3e809 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.topbar{z-index:2;justify-content:space-between;align-items:center;height:74px;display:flex;position:relative}.brand{color:#fff;letter-spacing:.05em;align-items:center;gap:9px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#06101b;background:#63d9ed;border-radius:11px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 24px #63d9ed59}.top-actions{align-items:center;gap:9px;display:flex}.icon-button,.profile-dot{color:#e8fbff;background:#0a1e2bb3;border:1px solid #aadce62e;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.profile-dot{background:#173d52;font-weight:700}.menu-popover{z-index:6;background:#0a1c2b;border:1px solid #a8dfe82b;border-radius:14px;gap:11px;padding:14px;font-size:13px;display:grid;position:absolute;top:62px;left:0}.hero{z-index:1;padding:35px 5px 22px;position:relative}.eyebrow,.section-kicker{color:#82e8f4;letter-spacing:.08em;font-size:11px;font-weight:600}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow span{background:#73e4f2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #73e4f2}.hero h1{letter-spacing:-.045em;margin:16px 0 11px;font-size:clamp(32px,9vw,55px);line-height:1.14}.hero p{color:#9cb6c4;max-width:500px;margin:0;font-size:15px;line-height:1.8}.journey-line{align-items:center;gap:8px;width:185px;margin-top:26px;display:flex}.journey-line i{border:2px solid #7fe9f6;border-radius:50%;width:9px;height:9px}.journey-line b{background:linear-gradient(90deg,#7fe9f6,#0000);flex:1;height:1px}.surface-switcher{z-index:2;background:#0d202eb8;border:1px solid #a7dee81f;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px;display:grid;position:relative}.surface-switcher button{color:#9eb7c4;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:11px 5px;font-size:13px;display:flex}.surface-switcher button.active{color:#06202e;background:#dffcff;font-weight:700;box-shadow:0 6px 18px #04080d38}.mobile-stage{z-index:1;padding-top:17px;position:relative}.phone-card{background:linear-gradient(145deg,#102a39eb,#06141ff0);border:1px solid #a0dae529;border-radius:24px;padding:18px;box-shadow:0 25px 60px #00000038}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-head h2{letter-spacing:-.025em;margin:4px 0 0;font-size:21px}.map-panel,.driver-map{background:linear-gradient(135deg,#12384b,#0a2232 58%,#0d2e3a);border-radius:18px;height:205px;margin:18px 0 14px;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#85e3ef1f 1px,#0000 1px),linear-gradient(90deg,#85e3ef1a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;transform:rotate(-11deg)scale(1.2)}.pin{z-index:1;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute}.pin i{background:#fff;border-radius:50%;width:9px;height:9px}.start{background:#72e9f7;top:31%;right:25%;box-shadow:0 0 0 9px #72e9f721}.end{background:#fe847f;bottom:27%;left:24%;box-shadow:0 0 0 9px #fe847f21}.route{border-bottom:2px dashed #a0f2fb;border-right:2px dashed #a0f2fb;border-radius:0 0 24px;width:43%;height:35%;position:absolute;top:42%;right:27%;transform:rotate(11deg)}.map-status{background:#04111bc2;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px}.pulse{background:#76e6a8;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 #76e6a899}.route-form{gap:8px;display:grid}.route-form label{background:#030e1652;border:1px solid #a4dae521;border-radius:14px;align-items:center;gap:11px;padding:12px;display:flex}.route-form label span:nth-child(2){flex:1;gap:2px;display:grid}.route-form small{color:#90aebd;font-size:11px}.route-form strong{font-size:14px}.origin-dot,.destination-dot{border-radius:50%;flex:none;width:11px;height:11px}.origin-dot{background:#71e6f3}.destination-dot{background:#ff8b86;border-radius:3px}.ride-summary{justify-content:space-between;align-items:center;gap:10px;padding:16px 0 8px;display:flex}.ride-summary small{color:#9ab3c0;margin-bottom:3px;font-size:11px;display:block}.ride-summary strong{font-size:13px}.ride-summary button{color:#041721;background:#74e9f5;border:0;border-radius:12px;align-items:center;gap:5px;padding:11px 13px;font-size:13px;font-weight:700;display:flex}.trust-row{color:#a6c2cd;border-top:1px solid #a4dae51a;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.trust-row span{align-items:center;gap:4px;display:flex}.availability{color:#8cf0b9;background:#2b715338;border:1px solid #75e5a759;border-radius:10px;padding:7px 10px;font-size:12px}.driver-map{height:180px}.driver-marker{color:#082331;z-index:2;background:#77e8f5;border-radius:14px;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:46%;right:48%;box-shadow:0 0 0 10px #77e8f51f}.zone-chip{background:#0a1c2c;border-radius:10px;padding:8px 10px;font-size:11px;position:absolute;bottom:12px;right:12px}.stats-grid,.ops-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ops-grid{grid-template-columns:repeat(2,1fr)}.stat{text-align:center;background:#0510196e;border:1px solid #a4dae517;border-radius:13px;padding:12px 8px}.stat strong{color:#ecfeff;font-size:18px;display:block}.stat span{color:#9ab4c0;font-size:10px;line-height:1.5}.driver-callout,.operations-banner{color:#caf9ff;background:#338b9921;border-radius:14px;align-items:flex-start;gap:10px;margin:13px 0;padding:13px;display:flex}.driver-callout strong,.operations-banner strong{font-size:13px}.driver-callout p,.operations-banner p{color:#a7c5ce;margin:3px 0 0;font-size:11px;line-height:1.6}.driver-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.driver-actions button,.operations-links button{color:#d7f8fc;background:#0410195c;border:1px solid #a4dae51c;border-radius:12px;place-items:center;gap:5px;padding:11px 4px;font-size:11px;display:grid}.operations-links{gap:8px;margin-top:13px;display:grid}.operations-links button{text-align:right;grid-template-columns:auto 1fr auto;padding:13px}.bottom-nav{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071621eb;border:1px solid #a6e2eb2b;border-radius:19px;grid-template-columns:repeat(4,1fr);width:min(700px,100% - 30px);padding:8px;display:grid;position:fixed;bottom:12px;right:50%;transform:translate(50%);box-shadow:0 12px 35px #0000004d}.bottom-nav a{color:#98b3c0;justify-items:center;gap:3px;padding:5px;font-size:10px;text-decoration:none;display:grid}.bottom-nav a.active{color:#7ee8f5}@keyframes pulse{70%{box-shadow:0 0 0 8px #76e6a800}to{box-shadow:0 0 #76e6a800}}@media (width>=760px){.app-shell{padding-left:34px;padding-right:34px}.mobile-stage{max-width:610px}.bottom-nav{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.city-selector{color:#b8d9e0;flex-wrap:wrap;align-items:center;gap:6px;max-width:620px;margin:10px auto 16px;padding:0 16px;font-size:12px;display:flex}.city-selector>span{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.city-selector button{color:#cce7ec;font:inherit;cursor:pointer;background:#081e2bc7;border:1px solid #73e8f53d;border-radius:999px;padding:7px 10px}.city-selector button.active{color:#07131d;background:#73e8f5;border-color:#73e8f5;font-weight:800}@media (width<=430px){.city-selector{justify-content:center;padding:0 10px}.city-selector>span{justify-content:center;width:100%;margin:0 0 2px}}.flow-card{min-height:430px}.flow-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flow-head h2{margin:4px 0 0;font-size:21px}.flow-head p{color:#9eb8c3;margin:7px 0 0;font-size:12px;line-height:1.7}.category-list{gap:9px;margin:19px 0;display:grid}.category{text-align:right;color:#e5fbff;background:#030e164d;border:1px solid #a4dae521;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.category.active{background:#38afbf21;border-color:#75eaf6}.category span{gap:3px;display:grid}.category small{color:#9bb6c2;font-size:10px}.category strong{font-size:13px}.category b{color:#8cedf6;font-size:12px}.payment-choice,.driver-profile,.arrival-code{color:#90eaf4;border-top:1px solid #a4dae51a;align-items:center;gap:10px;padding:13px 2px;display:flex}.payment-choice span,.arrival-code span{flex:1;gap:2px;display:grid}.payment-choice small,.arrival-code small{color:#9eb7c3;font-size:10px}.payment-choice strong,.arrival-code strong{color:#d9f8fb;font-size:12px}.flow-actions{grid-template-columns:1fr 1.4fr;gap:9px;margin-top:14px;display:grid}.primary,.secondary{color:#061720;background:#73e8f5;border:0;border-radius:13px;padding:13px;font-weight:700}.secondary{color:#cdeaf0;background:#04101980;border:1px solid #a4dae526}.full{width:100%;margin-top:16px}.search-radar{background:radial-gradient(circle,#74e8f530 0 10%,#74e8f514 11% 29%,#74e8f50a 30% 46%,#0000 47%);border-radius:50%;place-items:center;height:195px;margin:18px 0;display:grid;position:relative}.search-radar span{border:1px solid #74e8f540;border-radius:50%;animation:2.8s infinite radar;position:absolute}.search-radar span:first-child{width:74px;height:74px}.search-radar span:nth-child(2){width:142px;height:142px;animation-delay:.5s}.search-radar span:nth-child(3){width:192px;height:192px;animation-delay:1s}.search-radar svg{color:#8bf1fb;z-index:1}.search-steps{color:#b4ccd4;gap:10px;font-size:12px;display:grid}.search-steps div{align-items:center;gap:9px;display:flex}.search-steps i{background:#72e8f5;border-radius:50%;width:8px;height:8px}.tracking-map{height:220px}.eta-chip{color:#092230;background:#e0fcff;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.driver-profile{color:#e7fbfd}.driver-profile>span{color:#c9fbff;background:#1c576a;border-radius:13px;place-items:center;width:37px;height:37px;font-weight:700;display:grid}.driver-profile small{color:#9cb9c4;margin-top:3px;font-size:11px;display:block}.driver-profile button{color:#8cecf5;background:0 0;border:1px solid #74e8f540;border-radius:10px;align-items:center;gap:5px;margin-right:auto;padding:8px;font-size:11px;display:flex}.success-orbit{color:#87f1b5;background:radial-gradient(circle,#70e7a240,#70e7a20a 68%);border-radius:50%;place-items:center;width:86px;height:86px;margin:10px auto 15px;display:grid}.receipt-card{text-align:center}.receipt-card h2{margin:8px 0;font-size:24px}.receipt-card>p{color:#9db6c1;margin:0;font-size:12px}.receipt-breakdown{text-align:right;gap:8px;margin:20px 0;display:grid}.receipt-breakdown span{background:#0410194d;border-radius:10px;justify-content:space-between;padding:10px;font-size:12px;display:flex}.receipt-breakdown b{color:#b9d2da;font-weight:500}.receipt-breakdown strong{color:#a2f2fa}.rating-row{border-top:1px solid #a4dae51a;justify-content:space-between;padding:14px;font-size:12px;display:flex}.rating-row div{color:#ffda87;letter-spacing:2px;font-size:20px}@keyframes radar{0%,to{opacity:.25;transform:scale(.86)}50%{opacity:.8;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.search-radar span{animation:none}}.driver-flow{min-height:430px}.offer-card{border-color:#73e8f57a;box-shadow:0 0 0 1px #73e8f521,0 24px 68px #0000004f}.offer-signal{color:#a4f4fb;background:#58d9ea26;border-radius:12px;align-items:center;gap:8px;margin:-2px 0 16px;padding:10px 11px;font-size:12px;animation:1.2s infinite offerPulse;display:flex}.offer-signal b{color:#061720;background:#84edf8;border-radius:8px;margin-right:auto;padding:4px 7px}.offer-card h2{margin:7px 0 17px;font-size:22px}.offer-route{background:#030e1659;border:1px solid #a4dae51a;border-radius:15px;gap:10px;padding:13px;display:grid}.offer-route span{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.offer-route i{grid-row:span 2}.offer-route small{color:#95b3bf;font-size:10px}.offer-route strong{font-size:13px}.offer-meta{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.offer-meta span{color:#b7d1da;background:#68d5e414;border-radius:9px;padding:7px 8px;font-size:10px}.settlement-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;display:grid}.settlement-grid span{background:#04101961;border:1px solid #a4dae517;border-radius:12px;gap:4px;padding:12px;display:grid}.settlement-grid b{color:#a7c0ca;font-size:10px;font-weight:500}.settlement-grid strong{color:#d9fbff;font-size:16px}.trip-map{height:225px}.trip-contact{align-items:center;gap:7px;padding:12px 0 3px;display:flex}.trip-contact>span{color:#a7c1cb;flex:1;font-size:10px}.trip-contact button{color:#8cecf5;background:0 0;border:1px solid #74e8f540;border-radius:10px;align-items:center;gap:5px;padding:8px;font-size:11px;display:flex}.trip-contact .emergency{color:#ffaaa2;border-color:#ff8b8673}.rating-card{text-align:center}.rating-card>p{color:#9eb9c4;margin:8px 0 17px;font-size:12px}@keyframes offerPulse{50%{background:#58d9ea4a}}@media (prefers-reduced-motion:reduce){.offer-signal{animation:none}}.operations-flow{min-height:460px}.ops-tabs{background:#04101957;border:1px solid #a4dae51a;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:5px;margin:17px 0 14px;padding:5px;display:grid}.ops-tabs button{color:#9cb7c3;background:0 0;border:0;border-radius:9px;padding:8px 3px;font-size:10px}.ops-tabs button.active{color:#08202d;background:#dcfbfe;font-weight:700}.empty-panel{text-align:center;color:#9dc5cd;border:1px dashed #80dbe83d;border-radius:16px;align-content:center;justify-items:center;min-height:170px;margin:14px 0;padding:20px;display:grid}.empty-panel>span{color:#80e9f4}.empty-panel h3{color:#e2f9fb;margin:10px 0 5px;font-size:14px}.empty-panel p{max-width:240px;margin:0;font-size:11px;line-height:1.8}.review-checklist{flex-wrap:wrap;gap:7px;margin:3px 0 14px;display:flex}.review-checklist span{color:#a7eec1;background:#6be0971a;border-radius:9px;align-items:center;gap:5px;padding:7px 8px;font-size:10px;display:flex}.support-intro{color:#caf9ff;background:#338b9921;border-radius:14px;align-items:flex-start;gap:9px;margin:14px 0;padding:13px;display:flex}.support-intro strong{font-size:13px}.support-intro p{color:#a7c5ce;margin:3px 0 0;font-size:11px;line-height:1.6}.safety-list{gap:8px;margin:14px 0;display:grid}.safety-list>div{color:#88edf5;border:1px solid #a4dae51a;border-radius:12px;gap:9px;padding:11px;display:flex}.safety-list span{gap:3px;display:grid}.safety-list strong{color:#d7f8fb;font-size:12px}.safety-list small{color:#a2bbc5;font-size:10px;line-height:1.55}.exception-card,.safety-card{text-align:center}.exception-symbol{color:#ffd479;background:#ffcf6f1f;border-radius:50%;place-items:center;width:72px;height:72px;margin:7px auto 15px;display:grid}.exception-symbol.danger{color:#ffaaa2;background:#ff807921}.exception-card h2,.safety-card h2{margin:8px 0;font-size:23px}.exception-card>p,.safety-card>p{color:#9eb8c4;margin:0;font-size:12px;line-height:1.8}.exception-options{grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0;display:grid}.exception-options span{color:#b8d6dd;background:#04101957;border-radius:10px;padding:9px 5px;font-size:10px}.safety-actions{gap:8px;margin:18px 0;display:grid}.safety-actions button{text-align:right;color:#8debf4;background:#0410194d;border:1px solid #a4dae51f;border-radius:13px;align-items:center;gap:9px;padding:11px;display:flex}.safety-actions span{gap:3px;display:grid}.safety-actions strong{color:#defafe;font-size:12px}.safety-actions small{color:#a0bcc6;font-size:10px}.safety-actions .danger-action{color:#ffaaa2;border-color:#ff8b8659}.finance-guidance{color:#caf9ff;background:#338b9921;border-radius:14px;gap:10px;margin:15px 0;padding:13px;display:flex}.finance-guidance strong{font-size:13px}.finance-guidance p{color:#a7c5ce;margin:3px 0 0;font-size:11px;line-height:1.6}.finance-checklist{flex-wrap:wrap;gap:6px;display:flex}.finance-checklist span{color:#a8edf4;background:#74e8f514;border-radius:9px;padding:7px 8px;font-size:10px}@media (width<=380px){.ops-tabs{grid-template-columns:repeat(3,1fr)}}.cancel-card{text-align:center}.cancel-card h2{margin:8px 0;font-size:23px}.cancel-card>p{color:#9eb8c4;margin:0;font-size:12px;line-height:1.8}.reason-list{gap:8px;margin:18px 0;display:grid}.reason-list button{color:#ccedf1;text-align:right;background:#0410194d;border:1px solid #a4dae521;border-radius:12px;justify-content:space-between;align-items:center;padding:11px;font-size:12px;display:flex}.reason-list button.selected{background:#63dbea1c;border-color:#7cebf6}.reason-list i{border:1px solid #78eaf5;border-radius:50%;width:11px;height:11px}.reason-list button.selected i{background:#78eaf5;box-shadow:inset 0 0 0 3px #08212e}.policy-note{text-align:right;color:#d7c48e;background:#ffd17414;border-radius:12px;gap:8px;padding:11px;font-size:10px;line-height:1.7;display:flex}.policy-note svg{flex:none}.danger-confirm{color:#ffc5bd;background:#a6423f38;border:1px solid #ff8b864d;border-radius:13px;padding:13px;font-weight:700}.critical-link{color:#ffa99f!important}