.login-page{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;overflow:hidden}.login-page:before,.login-page:after{background-image:url(/images/site/star-pattern.png);background-size:190px;content:"";display:block;height:190px;left:0;position:absolute;width:100%}.login-page:before{top:-60px}.login-page:after{bottom:-60px}.login-form{display:flex;flex-direction:column;gap:var(--size5);width:260px;position:relative}.login-form form{display:flex;flex-direction:column;gap:var(--size3)}.login-form input{background:var(--color-input-background);border:solid 1px var(--color-input-border);border-radius:8px;color:var(--color-text4);height:var(--size12);padding:var(--size4);width:100%}.login-form input:focus{outline-width:1px;outline-color:var(--color-focus-ring)}.login-form select{background:var(--color-input-background);border:solid 1px var(--color-input-border);border-radius:8px;color:var(--color-text4);height:var(--size12);padding:var(--size4);width:100%}.login-form select:focus{outline-width:1px;outline-color:var(--color-focus-ring)}.login-form label{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.login-form .login-button{background:var(--color-brand);border-radius:8px;border:none;font-weight:700;color:var(--color-active-nav-text);height:var(--size12)}.login-form h6{color:var(--color-text1);text-align:center}@media (prefers-color-scheme: dark){.login-page:before,.login-page:after{filter:invert(100%)}}