:root{color-scheme:light;--navy:#0b1740;--ink:#101d43;--muted:#60709a;--line:#dbe1f1;--purple:#5d32f4;--magenta:#ec3caa;--paper:#fff;--wash:#f7f5ff;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f7f6fd}.account-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) minmax(580px,1.02fr);background:radial-gradient(circle at 26% 4%,rgba(103,74,243,.09),transparent 29%),radial-gradient(circle at 92% 90%,rgba(236,60,170,.07),transparent 30%),#faf9ff}.account-visual{position:relative;overflow:hidden;padding:70px clamp(48px,5vw,92px);background:linear-gradient(180deg,rgba(251,250,255,.62),rgba(247,243,255,.25)),url('/static/auth-hero-truck.png') center bottom/cover no-repeat;border-right:1px solid rgba(100,72,210,.08)}.account-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,249,255,.9) 0,rgba(250,249,255,.58) 44%,rgba(250,249,255,.12) 80%);pointer-events:none}.account-brand-logo,.account-visual-copy{position:relative;z-index:1}.account-brand-logo{display:block;width:min(390px,72%);height:88px;object-fit:contain;object-position:left center;margin:0 0 52px}.account-visual-copy{max-width:510px}.account-visual-copy h1{margin:0;color:#091638;font-size:clamp(42px,4vw,64px);line-height:1.08;letter-spacing:-.045em}.account-visual-copy>p{max-width:470px;margin:24px 0 32px;color:#35466f;font-size:18px;line-height:1.55}.account-feature-list{display:grid;gap:15px;max-width:410px}.account-feature-list article{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:15px;min-height:96px;padding:14px 18px 14px 13px;border:1px solid rgba(115,80,218,.16);border-radius:14px;background:rgba(255,255,255,.76);box-shadow:0 8px 26px rgba(66,48,135,.05);backdrop-filter:blur(7px)}.account-feature-list strong,.account-feature-list small{display:block}.account-feature-list strong{font-size:17px;margin-bottom:5px}.account-feature-list small{color:#40517b;font-size:14px;line-height:1.4}.account-feature-icon{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f0ebff,#e8dcff);color:#6635f4}.account-feature-icon:before,.account-feature-icon:after{content:"";position:absolute}.account-feature-icon:before{left:13px;top:17px;width:22px;height:15px;border:2px solid currentColor;border-radius:3px}.account-feature-icon:after{left:17px;top:11px;width:16px;height:10px;border:2px solid currentColor;border-bottom:0;border-radius:2px}.account-person-icon:before{left:17px;top:9px;width:12px;height:12px;border:2px solid currentColor;border-radius:50%}.account-person-icon:after{left:11px;top:26px;width:24px;height:13px;border:2px solid currentColor;border-radius:14px 14px 5px 5px}.account-document-icon:before{left:14px;top:9px;width:20px;height:28px;border:2px solid currentColor;border-radius:3px}.account-document-icon:after{left:19px;top:19px;width:11px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor}.account-company-icon:before{left:13px;top:10px;width:22px;height:28px;border:2px solid currentColor;border-radius:2px}.account-company-icon:after{left:19px;top:15px;width:3px;height:3px;background:currentColor;box-shadow:7px 0 0 currentColor,0 7px 0 currentColor,7px 7px 0 currentColor,0 14px 0 currentColor,7px 14px 0 currentColor}.account-shield-icon{color:#dd238b}.account-shield-icon:before{left:13px;top:8px;width:22px;height:28px;border:2px solid currentColor;border-radius:12px 12px 15px 15px;transform:scaleX(.9)}.account-shield-icon:after{left:20px;top:19px;width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.account-panel{display:grid;place-items:center;padding:26px clamp(28px,4.5vw,76px)}.account-card{width:min(650px,100%);margin:auto;background:rgba(255,255,255,.98);border:1px solid rgba(102,67,218,.12);border-radius:24px;box-shadow:0 24px 75px rgba(23,15,58,.11);padding:44px 48px;display:grid;gap:22px}.account-card-heading{text-align:center}.account-card-heading h1{margin:0;color:#071335;font-size:44px;line-height:1.1;letter-spacing:-.04em}.account-card-heading-left{text-align:left}.account-role-selector{display:grid;grid-template-columns:repeat(3,1fr);padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.account-role-selector label{display:block}.account-role-selector label+label{border-left:1px solid var(--line)}.account-role-selector input{position:absolute;opacity:0;pointer-events:none}.account-role-selector span{height:58px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:650;color:#405078;cursor:pointer}.account-role-selector input:checked+span{color:#3e25e8;background:linear-gradient(135deg,#faf8ff,#f4efff);box-shadow:inset 0 0 0 1px #8d70ff}.account-role-selector i{position:relative;width:24px;height:20px}.role-driver i:before{content:"";position:absolute;left:8px;top:0;width:7px;height:7px;border:2px solid currentColor;border-radius:50%}.role-driver i:after{content:"";position:absolute;left:3px;top:11px;width:16px;height:8px;border:2px solid currentColor;border-radius:10px 10px 3px 3px}.role-admin i:before{content:"";position:absolute;left:3px;top:0;width:17px;height:19px;border:2px solid currentColor;border-radius:9px 9px 11px 11px}.role-admin i:after{content:"✓";position:absolute;left:8px;top:1px;font-style:normal;font-size:13px;font-weight:800}.role-dispatch i:before{content:"";position:absolute;left:1px;top:4px;width:18px;height:11px;border:2px solid currentColor;border-radius:2px}.role-dispatch i:after{content:"";position:absolute;left:5px;top:15px;width:5px;height:5px;border:2px solid currentColor;border-radius:50%;box-shadow:10px 0 0 -2px #fff,10px 0 0 0 currentColor}.account-field,.account-card>label{display:grid;gap:8px;font-size:15px;font-weight:600;color:#132145}.account-field input,.account-card>label input,.account-card select{width:100%;height:58px;border:1px solid #cfd7e9;border-radius:10px;padding:0 16px;font:inherit;font-weight:400;color:var(--ink);background:#fff;outline:none}.account-field input::placeholder{color:#8b98b7}.account-field input:focus,.account-card>label input:focus,.account-card select:focus{border-color:#8062f7;box-shadow:0 0 0 3px rgba(105,69,241,.11)}.account-input-wrap{position:relative;display:block}.account-input-wrap input{padding-left:55px}.account-input-wrap:before{content:"";position:absolute;z-index:1;left:20px;top:19px;width:18px;height:14px;border:2px solid #61739f;border-radius:2px;pointer-events:none}.account-input-email:after{content:"";position:absolute;left:22px;top:20px;width:14px;height:8px;border-left:2px solid #61739f;border-bottom:2px solid #61739f;transform:rotate(-45deg);pointer-events:none}.account-input-lock:before{top:23px;width:16px;height:14px;border-radius:3px}.account-input-lock:after{content:"";position:absolute;left:24px;top:15px;width:8px;height:9px;border:2px solid #61739f;border-bottom:0;border-radius:8px 8px 0 0;pointer-events:none}.account-password-toggle{position:absolute;right:12px;top:11px;width:38px;height:38px;border:0;background:transparent;border-radius:8px;cursor:pointer}.account-password-toggle:before{content:"";position:absolute;left:9px;top:13px;width:18px;height:11px;border:2px solid #62739c;border-radius:50%}.account-password-toggle:after{content:"";position:absolute;left:16px;top:17px;width:5px;height:5px;background:#62739c;border-radius:50%}.account-primary{min-height:58px;border:0;border-radius:10px;padding:14px 22px;color:#fff;text-decoration:none;text-align:center;font-weight:700;font-size:18px;background:linear-gradient(100deg,#4d27fb 0,#7830ec 48%,#ec389f 100%);box-shadow:0 9px 20px rgba(105,48,230,.17);cursor:pointer}.account-primary:hover{filter:saturate(1.08) brightness(.99)}.account-primary:focus-visible{outline:3px solid rgba(91,50,244,.25);outline-offset:3px}.account-primary:disabled{opacity:.58;cursor:wait}.account-error{padding:12px 14px;border-radius:10px;background:#fff1f0;border:1px solid #fecdca;color:var(--danger);font-size:14px}.account-security{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:#4e5e83;font-size:14px}.account-security span{display:grid;place-items:center;width:25px;height:25px;color:#5a33ef;border:2px solid currentColor;border-radius:11px 11px 13px 13px}.account-card-footer{display:grid;grid-template-columns:42px 1fr 160px;gap:12px;align-items:center;margin:4px -48px -44px;padding:24px 48px;border-top:1px solid #edf0f7}.account-card-footer strong,.account-card-footer small{display:block}.account-card-footer small{margin-top:4px;color:#68789c;font-size:12px}.account-card-footer img{width:150px;height:48px;object-fit:contain;object-position:right center;border-left:1px solid var(--line);padding-left:18px}.account-lock-mark{position:relative;width:40px;height:40px;border-radius:50%;background:#f2edff}.account-lock-mark:before{content:"";position:absolute;left:13px;top:16px;width:13px;height:12px;border:2px solid #5d32f4;border-radius:3px}.account-lock-mark:after{content:"";position:absolute;left:16px;top:9px;width:7px;height:9px;border:2px solid #5d32f4;border-bottom:0;border-radius:7px 7px 0 0}.account-invitation-page .account-shell{grid-template-columns:minmax(560px,.96fr) minmax(760px,1.2fr)}.account-invitation-page .account-visual{background-position:62% bottom}.account-invitation-page .account-visual-copy h1{font-size:clamp(44px,4.2vw,68px)}.account-invite-card{width:min(820px,100%);gap:20px;padding:36px 46px}.account-invite-summary{padding:20px 24px;border:1px solid #d7cdfc;border-radius:12px;background:linear-gradient(135deg,#fbfaff,#f8f6ff)}.account-invite-summary>strong{display:block;margin-bottom:14px;font-size:16px}.account-invite-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-invite-summary>div>span{display:grid;gap:8px}.account-invite-summary>div>span+span{padding-left:22px;border-left:1px solid #ddd8ed}.account-invite-summary small{color:#50618a;font-size:13px}.account-invite-summary b{display:flex;align-items:center;height:46px;padding:0 16px;border:1px solid #d7cdfc;border-radius:9px;background:#fff;font-size:16px}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-password-note{margin:-8px 0 0;color:#64749a;font-size:12px}.account-signin-link{margin:0;text-align:center;color:#33446f;font-size:14px}.account-signin-link a{color:#4c2ff1;text-decoration:none;font-weight:600}.account-unavailable-card{text-align:center}.account-invite-link{display:block}.account-card header:not(.account-card-heading) h1{font-size:32px;margin:5px 0 8px}.account-card header:not(.account-card-heading) p,.account-help{color:var(--muted);line-height:1.5;margin:0}.account-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:var(--purple);font-size:12px}.account-card label small{font-weight:400;color:var(--muted)}
@media(max-width:1100px){.account-shell,.account-invitation-page .account-shell{grid-template-columns:minmax(420px,.85fr) minmax(540px,1.15fr)}.account-visual{padding:48px 42px}.account-brand-logo{width:300px;margin-bottom:36px}.account-feature-list article{min-height:84px}.account-panel{padding:24px}.account-card{padding:34px}.account-card-footer{margin:4px -34px -34px;padding:20px 34px}}
@media(max-width:820px){.account-shell,.account-invitation-page .account-shell{display:block}.account-visual{min-height:auto;padding:28px 24px 34px;background-position:center 70%;border:0}.account-visual:after{background:rgba(250,249,255,.78)}.account-brand-logo{width:230px;height:56px;margin:0 0 24px}.account-visual-copy h1{font-size:38px}.account-visual-copy>p{font-size:16px;margin:16px 0 0}.account-feature-list{display:none}.account-panel{display:block;padding:0 16px 28px}.account-card{margin:0 auto;padding:26px 22px;border-radius:18px;gap:18px}.account-card-heading h1{font-size:34px}.account-card-footer{grid-template-columns:38px 1fr;margin:2px -22px -26px;padding:18px 22px}.account-card-footer img{display:none}.account-form-grid,.account-invite-summary>div{grid-template-columns:1fr;gap:14px}.account-invite-summary>div>span+span{padding:0;border:0}.account-role-selector span{font-size:14px}.account-invitation-page .account-visual-copy h1{font-size:40px}}
@media(max-width:480px){.account-visual-copy h1,.account-invitation-page .account-visual-copy h1{font-size:34px}.account-card-heading h1{font-size:30px}.account-role-selector i{display:none}.account-role-selector span{height:50px}.account-field input,.account-card>label input{height:54px}.account-primary{min-height:54px}.account-invite-card{padding:24px 18px}}

.account-field-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-field-heading a,.account-signin-link a{color:#4c2ff1;text-decoration:none;font-weight:650}.account-field-heading a:hover,.account-signin-link a:hover{text-decoration:underline}.account-recovery-card{width:min(620px,100%)}.account-recovery-card .account-card-heading h1{font-size:40px}.account-recovery-card .account-card-heading p{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.account-recovery-form{display:grid;gap:22px}.account-success{display:grid;gap:5px;padding:16px 18px;border:1px solid #b9e6c9;border-radius:12px;background:#f1fcf5;color:#17613a;line-height:1.45}.account-success strong{font-size:16px}.account-success span{font-size:14px}@media(max-width:820px){.account-recovery-card .account-card-heading h1{font-size:32px}.account-field-heading{align-items:flex-start}}