*{box-sizing:border-box}html{min-height:100%;background:#031326}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:#112b47;background:linear-gradient(90deg,rgba(2,15,31,.84),rgba(2,15,31,.15) 65%),url('/academy-truck.webp') center/cover fixed;display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:6vw;padding:52px 6vw;align-items:center}main{width:100%;max-width:none!important;margin:0!important;padding:38px!important;border:1px solid #ffffff70;border-radius:24px;background:rgba(248,251,255,.97);box-shadow:0 24px 90px #0005;order:1}main>h1{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#145898;margin:0 0 25px}h2{font-size:29px;letter-spacing:-.04em;margin:0 0 12px}p{line-height:1.65;color:#50677f;font-size:14px}label{display:block;margin:19px 0;font-size:13px;font-weight:650;color:#243d58}input{display:block;width:100%;margin-top:8px;padding:14px 15px;font:inherit;font-size:16px;background:#fff;color:#112b47;border:1px solid #cad7e5;border-radius:10px;min-height:49px;transition:border-color .2s,box-shadow .2s}input:focus{outline:0;border-color:#1974d5;box-shadow:0 0 0 4px #1974d51c}input:read-only{background:#eaf0f6;color:#576c82}button{cursor:pointer;width:100%;padding:15px 20px!important;margin:12px 0 0!important;border:0;border-radius:10px;background:linear-gradient(110deg,#ffda45,#ffbf24);color:#092647;font:700 15px Inter,Segoe UI,sans-serif;min-height:50px;box-shadow:0 6px 18px #e8aa1925}button:hover{filter:brightness(1.04)}button:disabled{opacity:.6;cursor:wait}a{color:#0758aa;text-decoration:none;font-size:14px;font-weight:600}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #1783ef;outline-offset:4px}#notice:not(:empty){padding:12px;border-radius:9px;background:#e7f1fd;color:#164879}section{border-top:1px solid #dbe5ef;padding-top:22px;margin-top:28px}section h2{font-size:20px}li{list-style:none;background:#eaf1f8;border-radius:10px;padding:14px;margin:10px 0;line-height:1.5;font-size:14px}ul{padding:0}.account-brand{order:2;color:#fff;align-self:start;padding:20px 0;max-width:580px;text-shadow:0 2px 25px #0009}.brand-name{font-weight:850;letter-spacing:-.04em;font-size:26px;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:#ffd13b;color:#073366;border-radius:11px;text-shadow:none;font-size:19px;letter-spacing:-.08em}.brand-eyebrow{color:#ffda4b;font-size:11px;letter-spacing:.2em;font-weight:750;margin:38px 0 12px}.account-brand h2{font-size:clamp(30px,3.4vw,54px);line-height:1.08;letter-spacing:-.045em;max-width:550px}.account-brand h2 em{font-style:normal;color:#ffd644}.account-brand p{color:#e5edf7;font-size:16px;max-width:430px}.brand-foot{font-size:11px;letter-spacing:.18em;margin-top:25px;color:#d0dfef}.profile-page{grid-template-columns:minmax(400px,650px) 1fr;align-items:start}.profile-page main>h1{font-size:28px;text-transform:none;letter-spacing:-.035em;margin-top:25px;margin-bottom:10px}.profile-page .account-brand{position:sticky;top:55px}[hidden]{display:none!important}@media(max-width:850px){body,.profile-page{grid-template-columns:1fr;padding:24px 18px;gap:24px;background-position:65% center}.account-brand,.profile-page .account-brand{order:0;position:static;padding:8px;max-width:100%}.account-brand h2{font-size:30px;max-width:440px}.brand-eyebrow{margin-top:20px}.account-brand p,.brand-foot{display:none}main{max-width:600px!important;justify-self:center;padding:28px!important}.brand-name{font-size:21px}.account-brand{justify-self:center;width:100%;max-width:600px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand-name img{display:block;width:min(360px,100%);height:auto;object-fit:contain}
/* Shared access and recovery screens */
.recovery-page{min-height:100dvh;grid-template-columns:minmax(360px,540px) 1fr}.recovery-card{padding:36px!important}.account-back{display:inline-flex;min-height:30px;align-items:center;color:#52677f;font-size:13px;margin-bottom:24px}.recovery-symbol{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#14528a;background:#e4edf7;margin-bottom:20px}.account-kicker{display:block;font-size:10px;letter-spacing:.17em;font-weight:750;color:#476887;margin-bottom:10px}.recovery-card>h1{font-size:32px;line-height:1.15;text-transform:none;letter-spacing:-.04em;color:#102d48;margin:0 0 14px}.recovery-card #hint{margin:0 0 24px;font-size:15px}.recovery-steps{display:flex;list-style:none;padding:0;margin:24px 0;gap:20px}.recovery-steps li{display:flex;align-items:center;gap:8px;padding:0;margin:0;background:none;font-size:12px;color:#687b91}.recovery-steps li span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #bacbdb}.recovery-steps li[aria-current]{color:#174d76;font-weight:750}.recovery-steps li[aria-current] span{background:#174d76;color:#fff;border-color:#174d76}.recovery-steps .is-done span{background:#e0eee7;border-color:#88b69c;color:#245a3e}.recovery-note{margin-top:26px;padding:17px 18px;border:1px solid #dae4ee;border-radius:12px;background:#edf3f9}.recovery-note strong{font-size:13px}.recovery-note p{margin:6px 0 0;font-size:12px;line-height:1.6}.account-footer{font-size:11px;color:#61758a;text-align:center;margin:24px 0 0}.password-field{position:relative}.password-field input{padding-right:85px}.password-field .password-toggle{position:absolute;right:6px;top:5px;width:auto;min-height:39px;margin:0!important;padding:8px 10px!important;background:transparent;box-shadow:none;color:#175a8d;font-size:12px}.account-help{font-size:12px;margin:8px 0 20px}.recovery-card #passwords>label{margin-bottom:8px}.recovery-card #notice[data-error]{background:#fff0ed;color:#922f20;border:1px solid #ebc0b7}.recovery-success{padding-top:20px;text-align:left}.recovery-success h2{font-size:26px;margin-top:16px}.success-mark{display:grid;place-items:center;width:48px;height:48px;background:#e1f0e8;color:#276047;border-radius:50%;font-size:26px}.account-action{display:block;padding:16px 20px;border-radius:10px;background:#174d76;color:white;text-align:center;margin:22px 0 8px}.account-action:hover{background:#123d60;text-decoration:none}.account-secondary{background:transparent;box-shadow:none;color:#175a8d;border:1px solid #bccfe0}.recovery-success h2:focus{outline:none}@media(max-width:850px){.recovery-page{grid-template-columns:1fr;padding:22px 16px;gap:20px}.recovery-page .account-brand h2,.recovery-page .brand-eyebrow{display:none}.recovery-page .brand-name img{width:220px}.recovery-page .account-brand{padding:0 8px}.recovery-card{padding:26px!important}.recovery-card>h1{font-size:29px}.recovery-page .account-brand{max-width:600px}.recovery-steps{gap:18px}}@media(max-width:380px){.recovery-card{padding:22px!important}.recovery-card>h1{font-size:26px}}