.onboarding{width:100%;max-width:500px;min-height:100svh;margin:0 auto;padding:max(25px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;background:#fff;color:#171b23;line-height:1.45}
.ob-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.ob-brand{font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-1.4px}.ob-brand em{font-style:normal;color:#0877ff}.ob-brand small{display:block;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.15px;color:#7b8089;margin-top:5px}.ob-back{width:40px;height:40px;border:0;background:#f5f6f8;border-radius:50%;padding:10px}.ob-back svg{transform:rotate(180deg)}.onboarding svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ob-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ob-progress span{height:5px;border-radius:5px;background:#e9ebef}.ob-progress .done{background:#0877ff}.ob-step{font-size:12px;color:#7a818e;margin-top:9px;margin-bottom:29px}.ob-form{display:flex;flex-direction:column;flex:1}.ob-main h1{font-size:30px;font-weight:750;line-height:1.13;letter-spacing:-1.1px;outline:none}.ob-intro{font-size:15px;line-height:1.5;color:#7b808b;margin-top:12px}.ob-fields{margin-top:31px}.ob-label,.onboarding legend{font-size:15px;font-weight:650;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}.ob-label small{font-size:12px;font-weight:400;color:#858a95}.onboarding input{display:block;width:100%;height:54px;border:1px solid #dde1e8;border-radius:15px;padding:13px 15px;background:#fff;font-size:16px;min-width:0;color:#252b35}.onboarding input::placeholder{color:#9299a8}.onboarding fieldset{border:0;padding:0;margin:27px 0 0;min-width:0}.onboarding fieldset:first-child{margin-top:0}.onboarding legend{padding:0}.ob-languages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ob-languages button{display:flex;justify-content:space-between;align-items:center;min-height:55px;border:1px solid #e6e9ee;border-radius:16px;padding:13px 16px;background:#f4f5f8;font-size:16px;font-weight:650}.ob-languages .selected{background:#0877ff;color:white;border-color:#0877ff}.ob-languages span{width:21px;height:21px;border:1px solid #d4d9e2;border-radius:50%;display:grid;place-items:center;font-size:13px}.ob-languages .selected span{background:white;color:#0877ff;border:0}
.ob-licenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ob-license{position:relative;border:1px solid #e2e5ec;border-radius:17px;padding:13px 6px 10px;background:#fafbfc;min-width:0;text-align:left;overflow:hidden}.ob-license.selected{background:#ecf5ff;border:2px solid #0877ff;padding:12px 5px 9px}.ob-license:disabled{opacity:1;color:#565d68}.ob-license strong{display:block;font-size:clamp(10px,3.1vw,14px);font-weight:700;letter-spacing:-.45px;padding-top:20px;white-space:nowrap}.ob-radio{position:absolute;top:10px;right:9px;width:18px;height:18px;border:1.5px solid #d9dde5;border-radius:50%;font-size:15px;line-height:14px;text-align:center;color:#0877ff}.selected .ob-radio{border-color:#0877ff}.ob-vehicle{display:block;width:100%;height:85px;margin:4px 0;background-image:url('/designs/assets/menu-vehicles.png');background-size:300% auto;background-repeat:no-repeat;background-position:50% center}.ob-vehicle.car{background-image:url('/designs/assets/approved-hatchback.png');background-size:contain;background-position:center}.ob-vehicle.motorcycle{clip-path:inset(0 7% 0 3%)}.ob-vehicle.cdl{background-position:100% center}.ob-license small{display:block;text-align:center;border-radius:20px;font-size:9px;line-height:1.4;background:#eceef2;color:#7a818c;padding:4px 1px;white-space:nowrap}.ob-license .ob-car-spacer{background:none}.ob-state-field{margin-top:27px}.ob-state{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;border:1px solid #dde1e8;border-radius:15px;padding:13px;background:white;text-align:left;font-size:16px}.ob-state>span:first-of-type{flex:1}.ob-state svg{color:#0877ff}
.ob-not-booked{display:flex;align-items:center;gap:12px;border:1px solid #e5e8ee;border-radius:15px;padding:13px 15px;min-height:52px;margin-top:11px;width:100%;background:#fff;text-align:left;font-size:15px}.ob-not-booked.selected{background:#edf6ff;border-color:#edf6ff}.ob-not-booked span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9edf4;color:#78818f}.ob-not-booked.selected span{color:white;background:#0877ff}.ob-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ob-goals button{display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid #dde1e8;border-radius:16px;background:white;min-height:91px;width:100%;padding:11px 5px}.ob-goals strong{font-size:30px;line-height:1.2;letter-spacing:-.6px}.ob-goals span{font-size:12px;color:#7b808b}.ob-goals .selected{background:#0877ff;color:white;border-color:#0877ff}.ob-goals .selected span{color:white}.ob-goals small{display:block;text-align:center;color:#0877ff;font-size:10px;margin-top:7px}
.ob-summary{margin:28px 0 0;border:1px solid #e1e5eb;border-radius:20px;padding:0 18px}.ob-summary>div{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:57px;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:14px}.ob-summary>div:last-child{border:0}.ob-summary dt{color:#7d8492}.ob-summary dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere;max-width:58%}.ob-link{display:block;margin:0 auto;background:none;border:0;color:#0877ff;min-height:44px;padding:11px;font-size:14px}.ob-edit{margin-top:13px}.ob-error{color:#b83c36;font-size:13px;margin-top:12px}.ob-error:empty{display:none}.ob-footer{margin-top:auto;padding-top:28px;display:grid;gap:6px;justify-items:center}.ob-primary{display:flex;justify-content:center;align-items:center;gap:12px;background:#0877ff;color:white;border:0;border-radius:17px;min-height:55px;padding:14px 15px;width:100%;font-size:16px;font-weight:650}.ob-footer small{color:#858b95;font-size:11px;margin-top:5px;text-align:center}.ob-cancel{color:#7d8490}.onboarding button:focus-visible,.onboarding input:focus-visible{outline:2px solid #0877ff;outline-offset:3px}
@media(min-width:700px){.onboarding{min-height:850px;margin:28px auto;padding:35px;border:1px solid #e9edf2;border-radius:28px;box-shadow:0 16px 60px #18274208}.ob-license strong{font-size:14px}.ob-vehicle{height:99px}}
@media(max-height:720px){.onboarding{padding-top:17px}.ob-header{margin-bottom:19px}.ob-step{margin-bottom:20px}.ob-fields{margin-top:23px}.ob-footer{padding-top:20px}.ob-vehicle{height:71px}.ob-main h1{font-size:27px}}

.ob-goals{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:360px){.ob-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}