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