/* TrainingLoadManager v217 — public access experience */
.landing-v213 .lp-links .ln-login{
  height:42px;
  padding:0 18px;
  color:#fff;
  background:#175fd2;
  border:1px solid #175fd2;
  border-radius:3px;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.landing-v213 .lp-links .ln-login:hover,
.landing-v213 .lp-links .ln-login:focus-visible{
  color:#fff;
  background:#0f4fae;
  border-color:#0f4fae;
  outline:none;
}

#auth.auth-wrap{
  --auth-ink:#071b2c;
  --auth-blue:#175fd2;
  --auth-orange:#f06432;
  --auth-line:#cbd4dc;
  display:grid;
  grid-template-columns:minmax(420px,1.08fr) minmax(480px,.92fr);
  min-height:100dvh;
  width:100%;
  background:#f4f6f7;
  color:var(--auth-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
#auth *{box-sizing:border-box}
#auth .auth-visual{position:sticky;top:0;height:100dvh;min-height:640px;overflow:hidden;background:#071b2c}
#auth .auth-visual>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#auth .auth-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,15,26,.14) 0%,rgba(3,15,26,.18) 38%,rgba(3,15,26,.9) 100%)}
#auth .auth-brand{position:absolute;z-index:2;top:38px;left:42px;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
#auth .auth-brand>img{width:40px;height:40px}
#auth .auth-brand>span{display:grid;line-height:.92}
#auth .auth-brand strong{font-size:15px;letter-spacing:-.02em}
#auth .auth-brand small{margin-top:5px;color:#b8c7d4;font-size:8px;letter-spacing:.18em}
#auth .auth-visual-copy{position:absolute;z-index:2;left:42px;right:42px;bottom:44px;max-width:650px;color:#fff}
#auth .auth-visual-copy>span{color:#8fbcff;font-size:10px;font-weight:850;letter-spacing:.16em}
#auth .auth-visual-copy h2{max-width:610px;margin:17px 0 14px;color:#fff!important;font-size:clamp(36px,4vw,62px);line-height:.98;letter-spacing:-.045em}
#auth .auth-visual-copy p{max-width:560px;margin:0;color:#d5dfe7;font-size:15px;line-height:1.6}
#auth .auth-visual-copy>div{display:flex;gap:22px;margin-top:30px;padding-top:17px;border-top:1px solid rgba(255,255,255,.28);color:#d8e1e8;font-size:12px}
#auth .auth-visual-copy b{margin-right:-15px;color:#ff8a5f;font:700 10px/1.4 monospace}

#auth>#auth-login,#auth>#auth-signup{
  align-self:center;
  width:min(100% - 64px,470px);
  margin:40px auto;
  padding:0;
}
#auth .auth-back{display:inline-flex;align-items:center;min-height:42px;margin:0 0 30px;padding:0 12px 0 0;border:0;background:transparent;color:#405469;font-size:13px;font-weight:750;cursor:pointer}
#auth .auth-back:hover{color:var(--auth-blue)}
#auth .auth-header{position:relative;padding-left:18px;margin-bottom:28px;border-left:4px solid var(--auth-orange)}
#auth .auth-header>span{display:block;margin-bottom:10px;color:var(--auth-blue);font-size:10px;font-weight:850;letter-spacing:.16em}
#auth .auth-header h1{margin:0;font-size:clamp(36px,4vw,52px);line-height:1;letter-spacing:-.045em}
#auth .auth-header p{margin:12px 0 0;color:#5b6d7e;font-size:15px;line-height:1.5}
#auth .google-auth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:0 18px;border:1px solid #aebac4;border-radius:3px;background:#fff;color:var(--auth-ink);font-size:14px;font-weight:800;cursor:pointer}
#auth .google-auth:hover{border-color:#738493;background:#fafbfc}
#auth .google-auth svg{display:block;flex:0 0 21px;width:21px;height:21px;max-width:21px}
#auth .auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#748391;font-size:11px}
#auth .auth-divider:before,#auth .auth-divider:after{content:"";height:1px;flex:1;background:var(--auth-line)}
#auth .auth-divider span{white-space:nowrap}
#auth .afs-form{display:grid;gap:9px}
#auth .afs-form label{margin-top:5px;color:#263b4d;font-size:12px;font-weight:800}
#auth .afs-input{width:100%;height:50px;padding:0 14px;border:1px solid #b8c3cc;border-radius:3px;background:#fff;color:var(--auth-ink);font:500 15px/1 inherit;outline:none}
#auth .afs-input::placeholder{color:#93a0ab}
#auth .afs-input:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(23,95,210,.12)}
#auth .auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:5px}
#auth .auth-label-row label{margin:0}
#auth .auth-label-row button{min-height:34px;padding:0;border:0;background:transparent;color:var(--auth-blue);font-size:12px;font-weight:750;cursor:pointer}
#auth .afs-submit{width:100%;min-height:52px;margin-top:13px;border:1px solid var(--auth-blue);border-radius:3px;background:var(--auth-blue);color:#fff;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(23,95,210,.18)}
#auth .afs-submit:hover{background:#0f4fae;border-color:#0f4fae}
#auth .afs-switch{margin-top:24px;padding-top:19px;border-top:1px solid var(--auth-line);color:#5d6d7b;text-align:center;font-size:13px}
#auth .afs-switch a,#auth .auth-terms a{color:var(--auth-blue);font-weight:800;text-decoration:none}
#auth .auth-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#auth .auth-name-grid>div{display:grid;gap:9px}
#auth .afs-plan-select-wrap{position:relative}
#auth .afs-plan-help,#auth .auth-terms{display:block;color:#748391;font-size:11px;line-height:1.45}
#auth .auth-terms{text-align:center;margin-top:3px}

@media(max-width:900px){
  #auth.auth-wrap{grid-template-columns:minmax(270px,.75fr) minmax(430px,1.25fr)}
  #auth .auth-visual-copy h2{font-size:40px}
}
@media(max-width:700px){
  #auth.auth-wrap{display:block;min-height:100dvh;padding:0 0 32px;background:#fff}
  #auth .auth-visual{position:relative;height:170px;min-height:0}
  #auth .auth-visual>img{object-position:center 36%}
  #auth .auth-visual-shade{background:linear-gradient(180deg,rgba(3,15,26,.16),rgba(3,15,26,.68))}
  #auth .auth-brand{top:22px;left:20px}
  #auth .auth-visual-copy{left:20px;right:20px;bottom:20px}
  #auth .auth-visual-copy>span,#auth .auth-visual-copy p,#auth .auth-visual-copy>div{display:none}
  #auth .auth-visual-copy h2{max-width:340px;margin:0;font-size:28px;line-height:1.02}
  #auth>#auth-login,#auth>#auth-signup{width:min(100% - 36px,470px);margin:0 auto;padding-top:24px}
  #auth .auth-back{margin-bottom:19px}
  #auth .auth-header{margin-bottom:22px}
  #auth .auth-header h1{font-size:38px}
}
@media(max-width:430px){
  .landing-v213 .lp-nav .mobile-open .lp-links .ln-login{justify-content:center;margin:12px 0 4px;border:1px solid #175fd2;background:#175fd2;color:#fff}
  #auth .auth-visual{height:145px}
  #auth .auth-brand>img{width:34px;height:34px}
  #auth .auth-visual-copy h2{font-size:24px}
  #auth>#auth-login,#auth>#auth-signup{width:calc(100% - 28px);padding-top:18px}
  #auth .auth-back{margin-bottom:12px}
  #auth .auth-header{padding-left:14px;margin-bottom:18px}
  #auth .auth-header h1{font-size:34px}
  #auth .auth-header p{font-size:14px}
  #auth .google-auth,#auth .afs-input,#auth .afs-submit{min-height:48px;height:48px}
  #auth .auth-name-grid{grid-template-columns:1fr;gap:4px}
  #auth .auth-divider{margin:19px 0}
}