/* One shared, content-safe layout for authentication and registration. */
html { min-height:100%; }
body.one-auth-page { margin:0; padding:0; min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; }
.one-auth-page > header { flex:0 0 auto; width:100%; margin:0 auto; }
.one-auth-page main.one-auth-main { flex:1 0 auto; width:100%; max-width:none; margin:0; padding:24px 16px; display:flex; align-items:center; justify-content:center; min-width:0; }
.one-auth-page .one-auth-panel { box-sizing:border-box; flex:0 1 440px; width:min(440px,100%); min-width:0; max-width:440px; margin:0; overflow-wrap:anywhere; }
.one-auth-page .one-auth-panel.box { padding:30px; }
.one-auth-page .one-auth-panel.registration-panel { padding:28px; background:#fbfaf7; border:1px solid #dcd7ca; border-radius:9px; }
.one-auth-page .one-auth-panel input,.one-auth-page .one-auth-panel textarea { max-width:100%; min-width:0; box-sizing:border-box; }
.one-auth-page main.one-auth-main.welcome-auth-main { position:relative; }
.one-auth-page .welcome-layout { width:min(1180px,100%); display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:48px; align-items:center; }
.one-auth-page .welcome-layout .one-auth-panel { width:100%; max-width:none; }
@media(max-width:700px) {
 .one-auth-page .welcome-layout { display:flex; flex-direction:column; gap:24px; }
 .one-auth-page .welcome-intro { width:100%; }
 .one-auth-page .welcome-layout .one-auth-panel { flex:auto; max-width:440px; }
}
@media(max-width:400px) {
 .one-auth-page main.one-auth-main { padding:20px 12px; }
 .one-auth-page .one-auth-panel.card,.one-auth-page .one-auth-panel.box,.one-auth-page .one-auth-panel.registration-panel,.one-auth-page .welcome-card { padding:22px 18px; }
}
.one-auth-page,.one-auth-page *{box-sizing:border-box}

/* Align the login and footer gradients to the same viewport. */
body.one-auth-page.one-login-page {
  background:var(--one-bg-gradient) fixed;
  background-color:#1f3f58;
}
@media(max-width:768px) {
  body.one-auth-page.one-login-page { background-attachment:scroll; }
}