.auth-brand>.auth-brand-mark{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center;background:#fff!important;color:#1478ee!important;font-size:20px!important;font-weight:850!important;box-shadow:0 14px 34px #001d483d!important}.auth-brand>span:last-child{width:auto!important;height:auto!important;display:block!important;background:none!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}

.auth-switch{margin:18px 0 0;text-align:center;color:#6f819b;font-size:13px}.auth-switch a{color:#087fea;font-weight:800;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.register-head{margin-bottom:20px}.register-head h2{font-size:28px}.register-form{gap:14px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-form label{min-width:0}.register-form .auth-input{margin-top:7px}.register-form .auth-input input{min-width:0}.register-terms{display:flex!important;align-items:flex-start;gap:9px!important;color:#657993!important;font-size:12px!important;line-height:1.45}.register-terms input{width:16px;height:16px;margin-top:1px;accent-color:#1488ed;flex:0 0 auto}.registration-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.register-form+.auth-switch{margin-top:14px}
@media(max-width:680px){.register-grid{grid-template-columns:1fr}.register-form{gap:12px}.register-head h2{font-size:24px}}

/* Auth responsiveness: never allow the two columns to overflow horizontally. */
.auth-page{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important}
.auth-main{min-width:0}
.auth-main:has(.register-form){align-items:start;padding-top:clamp(28px,5vh,64px);padding-bottom:32px}
.auth-page:has(.register-form){height:auto!important;min-height:100dvh!important}
.auth-main:has(.register-form) .auth-main-inner{max-width:620px}
.auth-main:has(.register-form) .auth-footer{margin-top:22px}
.register-form .login-submit{margin-top:2px}

@media(max-width:1024px){
  html,body{height:auto;min-height:100%}
  .auth-page{position:relative!important;width:100%!important;height:auto!important;min-height:100dvh!important;display:block!important;overflow-x:hidden!important;overflow-y:auto!important}
  .auth-visual{display:none!important}
  .auth-main{min-height:100dvh;padding:clamp(26px,5vh,52px) 24px;align-items:start}
  .auth-main-inner{max-width:560px;margin:0 auto}
  .auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:clamp(24px,4vh,38px);color:#13243f}
  .auth-mobile-brand span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#1478ee;color:#fff;font-weight:800;box-shadow:0 10px 24px #1478ee2e}
  .auth-mobile-brand strong{font-size:20px}
  .login-head{margin-bottom:26px}
  .auth-footer{margin:28px 0 0;padding-bottom:4px}
}

@media(max-width:680px){
  .auth-main{padding:24px 18px 28px}
  .auth-main-inner{max-width:480px}
  .auth-mobile-brand{margin-bottom:24px}
  .login-head{margin-bottom:22px}
  .login-icon{width:48px;height:48px;margin-bottom:11px}
  .login-head h2,.register-head h2{font-size:25px}
  .login-head p{font-size:11px}
  .register-grid{grid-template-columns:1fr;gap:0}
  .register-form{gap:0}
  .register-form>label,.register-grid>label{margin-bottom:13px}
  .register-form .auth-input{height:50px;margin-top:6px}
  .register-terms{margin:2px 0 14px!important}
  .auth-switch{margin-top:14px;font-size:12px;line-height:1.45}
  .login-security{margin-top:18px}
  .auth-main:has(.register-form){padding-top:22px}
  .auth-main:has(.register-form) .auth-mobile-brand{margin-bottom:20px}
  .auth-main:has(.register-form) .auth-footer{margin-top:20px}
}
