/* YomRide unified Rider + Driver authentication UI v31.3 */
:root{--ya-green:#65d51c;--ya-green-deep:#43a50f;--ya-green-soft:#effbe7;--ya-ink:#07150f;--ya-text:#1b2923;--ya-muted:#738078;--ya-line:#dfe8e3;--ya-soft:#f5f8f6;--ya-dark:#061810;--ya-shadow:0 20px 60px rgba(4,24,14,.12)}
.ya-page{padding:36px 20px 46px;background:linear-gradient(180deg,#f7faf8 0%,#edf4f0 100%);min-height:calc(100vh - 72px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ya-text)}.ya-page *{box-sizing:border-box}.ya-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);background:#fff;border:1px solid var(--ya-line);border-radius:30px;overflow:hidden;box-shadow:var(--ya-shadow);min-height:690px}.ya-shell--register{max-width:1240px}.ya-shell--driver-register{max-width:1320px;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)}.ya-form-side{min-width:0;background:#fff}.ya-form-inner{max-width:600px;margin:0 auto;padding:42px 46px 38px}.ya-form-inner--register{max-width:720px}.ya-form-inner--driver-register{max-width:820px}
.ya-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ya-ink)!important;text-decoration:none!important;font-size:20px;font-weight:900;letter-spacing:-.5px;margin-bottom:34px}.ya-brand__mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8bf12f,#55c80f);color:#071508;font-size:20px;font-weight:950;box-shadow:0 8px 22px rgba(94,211,22,.25)}.ya-driver-pill{margin-left:2px;padding:5px 8px;border-radius:999px;background:#10291d;color:#a3f56b;font-size:9px;font-weight:900;letter-spacing:.08em}.ya-heading{margin-bottom:22px}.ya-heading--compact{margin-bottom:18px}.ya-eyebrow{display:block;margin-bottom:7px;color:var(--ya-green-deep);font-size:10px;font-weight:950;letter-spacing:.12em}.ya-heading h1{margin:0;color:var(--ya-ink);font-size:36px;line-height:1.04;letter-spacing:-1.6px;font-weight:900}.ya-heading p{margin:10px 0 0;color:var(--ya-muted);font-size:14px;line-height:1.55;max-width:580px}
.ya-login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#f1f5f2;border:1px solid #e5ece8;border-radius:15px;margin:0 0 20px}.ya-login-tab{border:0;background:transparent;border-radius:11px;padding:11px 12px;color:#7a857f;font-size:13px;font-weight:850;transition:.18s ease}.ya-login-tab.is-active{background:#fff;color:var(--ya-ink);box-shadow:0 5px 16px rgba(5,25,14,.07)}.ya-form{width:100%}.ya-grid{display:grid;gap:14px}.ya-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ya-grid--actions{grid-template-columns:1fr 1fr;margin-top:14px}.ya-field{margin-bottom:14px}.ya-field[hidden]{display:none!important}.ya-field label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;color:#3d4a43;font-size:12px;font-weight:800}.ya-optional{color:#96a099;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ya-input-wrap{min-height:54px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid var(--ya-line);border-radius:14px;background:#fbfdfc;transition:.18s ease}.ya-input-wrap:focus-within{border-color:#9fdd7c;background:#fff;box-shadow:0 0 0 4px rgba(101,213,28,.10)}.ya-input-wrap>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ya-green-soft);color:#4ba915;font-size:16px;flex:0 0 auto}.ya-input-wrap input,.ya-input-wrap select{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ya-ink);font-size:14px;font-weight:650;padding:0!important;height:auto!important}.ya-input-wrap input::placeholder{color:#9aa49e;font-weight:500}.ya-input-wrap input.is-invalid{color:#a63535}.ya-input-wrap--password{padding-right:7px}.ya-password-toggle{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border:1px solid #e0e8e3;border-radius:11px;background:#f7fbf8;color:#4c9e1c;padding:0;transition:.18s ease}.ya-password-toggle:hover,.ya-password-toggle:focus-visible{background:#edf9e8;border-color:#badea8;outline:none;box-shadow:0 0 0 3px rgba(101,213,28,.1)}.ya-password-toggle i{font-size:17px}.ya-error{margin-top:6px;color:#c74343;font-size:11px;font-weight:650;line-height:1.4}.ya-error--service{padding:9px 11px;border-radius:10px;background:#fff1f1;border:1px solid #ffd7d7}
.ya-form-row{display:flex;align-items:center;gap:12px}.ya-form-row--between{justify-content:space-between;margin:1px 0 18px}.ya-check{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:0!important;color:#617069!important;font-size:12px!important;font-weight:700!important;cursor:pointer}.ya-check input{width:17px;height:17px;accent-color:var(--ya-green-deep)}.ya-link{color:#4a9d17!important;text-decoration:none!important;font-size:12px;font-weight:850}.ya-link:hover{text-decoration:underline!important}.ya-primary-btn{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(100deg,#8aef2a,#59d512);color:#091308;font-size:14px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;box-shadow:0 12px 24px rgba(92,209,18,.21);transition:transform .16s ease,box-shadow .16s ease}.ya-primary-btn:hover,.ya-primary-btn:focus-visible{transform:translateY(-1px);box-shadow:0 15px 30px rgba(92,209,18,.28);outline:none;color:#071307}.ya-primary-btn--inline{width:auto;min-width:150px}.ya-secondary-btn{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid var(--ya-line);border-radius:13px;background:#fff;color:#25332c!important;text-decoration:none!important;font-size:12px;font-weight:850;transition:.18s ease}.ya-secondary-btn:hover,.ya-secondary-btn:focus-visible{background:#f6faf7;border-color:#c9d8cf;outline:none}.ya-secondary-btn--accent{background:#f2fbe9;border-color:#d5ecbd;color:#438c18!important}.ya-switch-card{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;padding:12px 14px;border:1px solid #e6ece8;border-radius:13px;background:#fafcfb;font-size:12px;color:#748078}.ya-switch-card a{color:#459713!important;font-weight:900;text-decoration:none!important}.ya-role-switch{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;margin-top:11px;padding:11px 12px;border:1px solid #dfe9e3;border-radius:14px;background:#f5faf7;color:#213027!important;text-decoration:none!important;transition:.18s ease}.ya-role-switch:hover{background:#eff8f2;border-color:#c9e0d1;transform:translateY(-1px)}.ya-role-switch__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf7e3;color:#4a9f16}.ya-role-switch__icon i{font-size:18px}.ya-role-switch span:nth-child(2){display:flex;flex-direction:column;min-width:0}.ya-role-switch small{color:#7c8981;font-size:10px}.ya-role-switch strong{color:#193023;font-size:12px;margin-top:2px}.ya-role-switch>i{color:#6fae48}.ya-terms{margin:14px 0 0;color:#8a958f;font-size:10px;line-height:1.55;text-align:center}.ya-terms a{color:#4c951e!important;font-weight:800;text-decoration:none!important}.ya-account-note{display:flex;align-items:center;gap:11px;margin:-2px 0 17px;padding:11px 12px;border:1px solid #dce8df;border-radius:13px;background:#f7fbf8}.ya-account-note>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eaf8e2;color:#4a9d17}.ya-account-note strong,.ya-account-note small{display:block}.ya-account-note strong{font-size:11px;color:#203028}.ya-account-note small{margin-top:2px;color:#7b8780;font-size:10px;line-height:1.4}
.ya-visual{position:relative;overflow:hidden;min-height:100%;background:radial-gradient(circle at 80% 20%,rgba(87,207,27,.20),transparent 28%),linear-gradient(145deg,#061910,#0c2b1c 65%,#144126);display:flex;align-items:flex-end;padding:42px;color:#fff}.ya-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:40px 40px;opacity:.45}.ya-road{position:absolute;width:140%;height:54px;background:rgba(255,255,255,.08);border-top:2px solid rgba(255,255,255,.11);border-bottom:2px solid rgba(255,255,255,.11);transform-origin:center}.ya-road--one{top:27%;left:-20%;transform:rotate(20deg)}.ya-road--two{top:53%;left:-18%;transform:rotate(-24deg)}.ya-route-line{position:absolute;top:20%;left:18%;width:66%;height:52%;border-left:5px solid #68dd26;border-bottom:5px solid #68dd26;border-radius:0 0 0 90px;transform:rotate(-12deg);opacity:.9}.ya-map-dot{position:absolute;width:22px;height:22px;border-radius:50%;border:5px solid #fff;box-shadow:0 0 0 6px rgba(101,213,28,.2);background:#63d61e}.ya-map-dot--start{left:18%;top:19%}.ya-map-dot--end{right:19%;top:67%;background:#111}.ya-car-marker{position:absolute;right:29%;top:38%;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#fff;color:#0b1d13;box-shadow:0 18px 34px rgba(0,0,0,.24);transform:rotate(8deg)}.ya-car-marker i{font-size:34px}.ya-car-marker--driver{background:#72df2d}.ya-visual-card{position:relative;z-index:2;width:100%;padding:27px;border:1px solid rgba(255,255,255,.12);border-radius:23px;background:rgba(7,24,16,.78);backdrop-filter:blur(13px);box-shadow:0 24px 60px rgba(0,0,0,.24)}.ya-visual-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#79e53b;color:#0b1b0f;font-size:9px;font-weight:950;letter-spacing:.08em}.ya-visual-card h2{margin:14px 0 9px;color:#fff;font-size:31px;line-height:1.08;letter-spacing:-1.1px;font-weight:900}.ya-visual-card p{margin:0;color:#c6d3cb;font-size:13px;line-height:1.55}.ya-visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:21px}.ya-visual-stats div{padding:11px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.ya-visual-stats strong,.ya-visual-stats span{display:block}.ya-visual-stats strong{color:#a4f26f;font-size:14px}.ya-visual-stats span{margin-top:3px;color:#c5d1ca;font-size:9px}.ya-benefit-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.ya-benefit-list li{display:flex;align-items:center;gap:9px;color:#d5dfd9;font-size:12px}.ya-benefit-list i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(126,231,67,.14);color:#96ef63}
.ya-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:2px 0 24px;padding:12px;border:1px solid #e6ece8;border-radius:16px;background:#f8faf9}.ya-step-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:46px;color:#9aa39e}.ya-step-indicator span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef2ef;color:#77837c;font-size:11px;font-weight:900}.ya-step-indicator small{font-size:8px;font-weight:850}.ya-step-indicator.is-active span,.ya-step-indicator.is-complete span{background:#72de2a;color:#0a1608}.ya-step-indicator.is-active small,.ya-step-indicator.is-complete small{color:#4e981f}.ya-step-line{height:2px;background:#e2e8e4;border-radius:9px}.ya-step-line.is-complete{background:#83df49}.ya-step-panel{display:none}.ya-step-panel.is-active{display:block}.ya-step-title{margin-bottom:19px}.ya-step-title>span{color:#4e9a1e;font-size:9px;font-weight:950;letter-spacing:.08em}.ya-step-title h2{margin:5px 0 4px;color:var(--ya-ink);font-size:22px;font-weight:900;letter-spacing:-.6px}.ya-step-title p{margin:0;color:#7c8881;font-size:11px;line-height:1.45}.ya-step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.ya-step-actions--end{justify-content:flex-end}.ya-choice-row{display:flex;gap:8px;flex-wrap:wrap}.ya-choice{margin:0!important}.ya-choice input{position:absolute;opacity:0;pointer-events:none}.ya-choice span{display:flex;align-items:center;justify-content:center;min-width:92px;min-height:42px;padding:8px 12px;border:1px solid var(--ya-line);border-radius:12px;background:#fff;color:#647169;font-size:11px;font-weight:800;cursor:pointer}.ya-choice input:checked+span{border-color:#8edb5f;background:#f0fbe9;color:#3f8f15;box-shadow:0 0 0 3px rgba(101,213,28,.08)}.ya-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ya-service-card{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center!important;justify-content:initial!important;gap:11px!important;margin:0!important;padding:12px;border:1px solid var(--ya-line);border-radius:15px;background:#fff;cursor:pointer;transition:.18s ease}.ya-service-card:hover{border-color:#c6ddba;background:#fbfef9}.ya-service-card input{position:absolute;opacity:0;pointer-events:none}.ya-service-card__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f1f8ed;color:#4d9e1e}.ya-service-card__icon i{font-size:22px}.ya-service-card__copy{display:flex;flex-direction:column;min-width:0}.ya-service-card__copy strong{color:#18261f;font-size:13px}.ya-service-card__copy small{margin-top:3px;color:#8a958e;font-size:9px}.ya-service-card__check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #d9e5dc;color:transparent;background:#fff}.ya-service-card input:checked~.ya-service-card__check{background:#65d51c;border-color:#65d51c;color:#0d1909}.ya-service-card:has(input:checked){background:#f3fcec;border-color:#85d755;box-shadow:0 0 0 3px rgba(101,213,28,.07)}.ya-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;padding:20px;border:1px dashed #d5dfd8;border-radius:15px;background:#fafcfa;text-align:center}.ya-empty-state i{font-size:25px;color:#8da08f}.ya-empty-state strong{margin-top:8px;color:#38473e;font-size:12px}.ya-empty-state span{margin-top:4px;color:#8b958f;font-size:10px}.ya-file-input{position:absolute;left:-9999px}.ya-upload{display:grid!important;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center!important;justify-content:initial!important;gap:12px!important;margin:0!important;padding:12px 13px;border:1px dashed #bfd4c4;border-radius:15px;background:#f9fcfa;cursor:pointer}.ya-upload__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef8e9;color:#4f9f20}.ya-upload__icon i{font-size:21px}.ya-upload>span:nth-child(2){display:flex;flex-direction:column}.ya-upload strong{font-size:12px;color:#213027}.ya-upload small{margin-top:3px;color:#89958d;font-size:9px}.ya-upload>i{color:#69ab44;font-size:18px}.ya-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ya-review-card{padding:15px;border:1px solid #e1e9e4;border-radius:15px;background:#f8faf9}.ya-review-card--wide{grid-column:1/-1}.ya-review-card span,.ya-review-card strong,.ya-review-card small{display:block}.ya-review-card span{color:#839087;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ya-review-card strong{margin-top:5px;color:#15231b;font-size:14px}.ya-review-card small{margin-top:4px;color:#7c8981;font-size:10px;line-height:1.4}.ya-review-confirm{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:9px!important;margin:14px 0 0!important;padding:11px 12px;border:1px solid #e2e9e4;border-radius:12px;background:#fbfdfb;color:#59685f!important;font-size:10px!important;font-weight:700!important}.ya-review-confirm input{margin-top:1px;width:16px;height:16px;accent-color:#58c716}
@media(max-width:991px){.ya-page{padding:24px 16px 34px}.ya-shell,.ya-shell--driver-register{grid-template-columns:1fr;max-width:760px;min-height:0}.ya-visual{display:none}.ya-form-inner,.ya-form-inner--register,.ya-form-inner--driver-register{max-width:none;padding:34px 34px 32px}.ya-heading h1{font-size:33px}.ya-brand{margin-bottom:27px}}
@media(max-width:650px){.ya-page{padding:0;background:#fff;min-height:100vh}.ya-shell,.ya-shell--register,.ya-shell--driver-register{border:0;border-radius:0;box-shadow:none;max-width:none;min-height:100vh}.ya-form-inner,.ya-form-inner--register,.ya-form-inner--driver-register{padding:22px 16px 30px}.ya-brand{font-size:18px;margin-bottom:27px}.ya-brand__mark{width:36px;height:36px;border-radius:11px;font-size:18px}.ya-heading{margin-bottom:19px}.ya-heading h1{font-size:30px;letter-spacing:-1.2px}.ya-heading p{font-size:12px;margin-top:8px;line-height:1.5}.ya-eyebrow{font-size:9px}.ya-login-tabs{margin-bottom:16px}.ya-login-tab{padding:10px;font-size:12px}.ya-grid--2,.ya-grid--actions,.ya-service-grid,.ya-review-grid{grid-template-columns:1fr}.ya-review-card--wide{grid-column:auto}.ya-field{margin-bottom:13px}.ya-field label{font-size:12px}.ya-input-wrap{min-height:52px;border-radius:13px}.ya-input-wrap input{font-size:15px}.ya-form-row--between{margin-bottom:17px}.ya-primary-btn{min-height:51px}.ya-switch-card{margin-top:15px}.ya-role-switch{margin-top:10px}.ya-account-note{margin-bottom:15px}.ya-stepper{gap:4px;margin-bottom:20px;padding:9px}.ya-step-indicator{min-width:38px}.ya-step-indicator span{width:30px;height:30px}.ya-step-indicator small{font-size:7px}.ya-step-title h2{font-size:20px}.ya-step-actions{margin-top:16px}.ya-step-actions .ya-secondary-btn{min-width:100px}.ya-step-actions .ya-primary-btn--inline{flex:1;min-width:0}.ya-service-card{grid-template-columns:46px minmax(0,1fr) 28px}.ya-choice-row{display:grid;grid-template-columns:repeat(3,1fr)}.ya-choice span{min-width:0;width:100%}.ya-upload{grid-template-columns:46px minmax(0,1fr) 24px}.ya-terms{margin-top:13px}}
@media(max-width:390px){.ya-form-inner,.ya-form-inner--register,.ya-form-inner--driver-register{padding-left:14px;padding-right:14px}.ya-heading h1{font-size:28px}.ya-stepper{padding:8px 6px}.ya-step-indicator small{display:none}.ya-step-indicator{min-width:32px}}