body,html{height:100%}.input-wrap{gap:8px}.auth-link{color:var(--secondary-200)}.auth-content{display:grid;grid-template-columns:auto 1fr;height:100%}.auth-banner-wrap{display:flex;min-height:100dvh}.auth-wrap{padding:100px 64px 64px;display:flex;flex-direction:column;gap:16px;background:url(../img/auth-dots.png) no-repeat;background-size:cover}.auth-form-head{display:none;align-items:center;justify-content:space-between;gap:16px}.auth-form-head:has(+.active){display:flex}.auth-form-title-wrap{display:flex;flex-direction:column;gap:8px}.auth-form-title{font-weight:900;font-size:2rem;color:var(--heading)}.auth-form-subtitle{font-weight:500}.auth-form{margin:auto;width:320px;max-width:100%}.auth-form.auth-oauth-wrap{margin-top:0}.auth-form:not(.auth-oauth-wrap):has(~.auth-oauth-wrap){margin-bottom:0}.auth-form-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;gap:16px}.auth-form-bottom .auth-switch-btn{margin-inline-start:auto}.auth-form-username:not(.active)~.auth-register-link-wrap{display:none}.auth-register-link-wrap{text-align:center;color:#909090}.auth-oauth-separator{font-size:.75rem;color:#909090;width:100%;position:relative;display:flex;justify-content:center}.auth-oauth-separator-text{background:#fff;padding-inline:12px}.auth-oauth-separator::before{content:"";position:absolute;top:50%;inset-inline:0;z-index:-1;height:1px;background:rgba(34,34,34,.2509803922)}#notice-popup{position:fixed;top:50%;inset-inline-start:50%;z-index:120;background:#fff;border-radius:32px;padding:64px;width:95dvw;max-width:736px;max-height:80dvh;overflow:auto;gap:40px;flex-direction:column;align-items:center;color:var(--primary-200);transform:translate(50%,-50%)}#notice-popup.zoom-effect{transform:translate(50%,-50%) scale(.75)}#notice-popup.zoom-effect.show{transform:translate(50%,-50%) scale(1)}#notice-popup-icon{background:linear-gradient(265.4deg,var(--primary-200) 0,var(--primary-100) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:6rem}#notice-popup-text{font-size:2rem;font-weight:700}#notice-popup-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media screen and (max-width:1200px){.auth-wrap{padding-inline:32px}}@media screen and (max-width:1024px){.auth-content{grid-template-columns:1fr}}@media screen and (max-width:600px){.auth-form-title{font-size:1.5rem}.auth-form-subtitle{font-size:.875rem}#auth-back-btn .button-text{display:none!important}}