.vox-login-page{flex-direction:column;min-height:100svh;display:flex}.vox-login-header,.vox-login-footer{width:min(1120px,100% - 96px);margin-inline:auto}.vox-login-header{justify-content:space-between;align-items:center;gap:var(--vox-space-4);padding-block:var(--vox-space-4);display:flex}.vox-login-main{width:calc(100% - 40px);padding-block:var(--vox-space-8) 72px;flex:1;place-items:center;margin-inline:auto;display:grid}.vox-login-form{gap:var(--vox-space-6);flex-direction:column;width:min(100%,440px);display:flex}.vox-login-intro h1{font-family:var(--vox-font-heading);letter-spacing:-.035em;font-size:2rem;font-weight:600;line-height:1.2}.vox-login-intro p{margin-top:var(--vox-space-2)}.vox-login-form .vox-label{margin-bottom:var(--vox-space-2);display:block}.vox-login-input{width:100%;min-height:56px;padding:var(--vox-space-3) var(--vox-space-4);border:1px solid var(--vox-control-border);border-radius:var(--vox-radius-control);color:var(--vox-ink);background:var(--vox-surface);caret-color:var(--vox-signal);font:inherit}.vox-login-input[aria-invalid=true]{border-color:var(--vox-error-ink)}.vox-login-form .vox-button{width:100%}.vox-login-footer{padding-block:var(--vox-space-6);border-top:1px solid var(--vox-border);text-align:center;font-size:.875rem}@media (max-width:680px){.vox-login-header,.vox-login-footer{width:calc(100% - 40px)}.vox-login-header{padding-block:var(--vox-space-2)}.vox-login-main{padding-block:var(--vox-space-6) var(--vox-space-8)}}@media (max-width:370px){.vox-login-header,.vox-login-main,.vox-login-footer{width:calc(100% - 32px)}}