@layer components{.auth-page-body{overflow:hidden}.auth-page-body main{margin-top:0}.auth-split{display:flex;height:100vh;width:100%}.auth-split__visual{display:none}@media(width >= 1024px){.auth-split__visual{display:flex;align-items:center;justify-content:center;width:50%;height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover}}@media(width >= 1024px){.auth-split__visual--signup{background-image:url("/assets/signup-bg-1b52e088.jpg")}}@media(width >= 1024px){.auth-split__visual--login{background-image:url("/assets/login-bg-84027db9.jpg")}}.auth-split__logo{max-width:400px;width:80%;height:auto}.auth-split__form{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100vh;background-color:#100a1d;padding:2rem 1.5rem;overflow-y:auto}@media(width >= 768px){.auth-split__form{padding:2rem 3rem}}@media(width >= 1024px){.auth-split__form{width:50%;justify-content:center;padding:2rem 4rem}}.auth-split__form-inner{width:100%;max-width:440px}.auth-title{color:#fff;font-size:38px;font-weight:600;letter-spacing:3px;margin:0}@media(width >= 768px){.auth-title{font-size:50px}}@media(width >= 1300px){.auth-title{font-size:60px}}.auth-subtitle{color:#fff;font-size:12.8px;font-weight:600;letter-spacing:1px;margin-top:8px}.auth-subtitle a{color:#00d0ff;text-decoration:none}.auth-subtitle a:hover{text-decoration:underline}@media(width >= 768px){.auth-subtitle{font-size:14px}}@media(width >= 1300px){.auth-subtitle{font-size:20px}}.auth-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}@media(width >= 1024px){.auth-form{margin-top:24px;gap:16px}}.auth-form__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-form__input{width:100%;padding:.625rem 1rem;border-radius:10px;border:1px solid hsla(0,0%,100%,.32);background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);font-size:14px;font-weight:600;transition:border-color .2s}.auth-form__input::placeholder{color:hsla(0,0%,100%,.7)}.auth-form__input:focus{outline:none;border-color:hsla(0,0%,100%,.6)}.auth-form__hint{font-size:11px;color:hsla(0,0%,100%,.5);margin-top:-4px}.auth-form__submit{width:100%;padding:.5rem 1rem;border-radius:10px;border:1px solid hsla(0,0%,100%,.32);background:#0080ff;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:background-color .2s;height:44px}.auth-form__submit:hover{background:#06c}.auth-form__submit:active{background:#004d99}.auth-alert{padding:.5rem .75rem;border-radius:8px;font-size:13px;margin-bottom:8px}.auth-alert--error{background:rgba(220,38,38,.15);color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.auth-alert--notice{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.3)}.auth-form__forgot-password{color:#00d0ff;font-size:12px;font-weight:600;letter-spacing:.6px;text-decoration:none;margin-top:4px;display:inline-block}.auth-form__forgot-password:hover{text-decoration:underline}.auth-form__bottom-link{color:#fff;font-size:16px;font-weight:600;letter-spacing:.8px;text-align:center;margin-top:16px}.auth-form__bottom-link a{color:#00d0ff;text-decoration:none}.auth-form__bottom-link a:hover{text-decoration:underline}}
