/* Keep authentication content and the copyright within one desktop viewport. */
body{display:flex;flex-direction:column;min-height:100vh}
.page{width:100%;flex:1}
.page:has(.auth-shell){display:flex;align-items:center;padding-top:18px;padding-bottom:18px}
.page:has(.auth-shell) .auth-shell{width:100%;min-height:0;flex:1}
.page:has(.auth-shell) .auth-art{min-height:min(650px,calc(100vh - 105px))}
.page:has(.narrow),.page:has(.verify-shell){display:grid;place-items:center;padding-top:20px;padding-bottom:20px}
.page:has(.narrow) .narrow{width:min(520px,100%);margin:0}
.page:has(.verify-shell) .verify-shell{width:100%;min-height:0}
.site-footer{width:100%;flex:0 0 auto}
.auth-home-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;padding:10px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-weight:700;transition:.2s}
.auth-home-link:hover{color:var(--deep);background:#eff9f4;border-color:#cbe7d8;transform:translateY(-1px)}
@media(max-width:900px){.page:has(.auth-shell){display:block;padding-top:20px;padding-bottom:20px}.page:has(.auth-shell) .auth-art{min-height:0}.auth-card{margin:0 auto!important}}
@media(max-height:760px) and (min-width:901px){.page:has(.auth-shell){align-items:start}.page:has(.auth-shell) .auth-shell{align-items:start}.page:has(.auth-shell) .auth-art{min-height:560px}.auth-card{padding:26px}.auth-card h2{font-size:31px}.auth-card label{margin:11px 0}.captcha-block{margin:11px 0}}