.login-main{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-main-box{border-radius:5px;flex-direction:column;width:25vw;height:auto;padding:20px;display:flex;box-shadow:5px 5px 20px #00000040}.login-main-title{justify-content:center;align-items:center;width:100%;display:flex}.login-main-title h1{font-size:var(--fs-title);font-weight:var(--fw-bold)}.login-main-title .logo-image{width:250px;padding:10px 0}.login-main-form{flex-direction:column;display:flex}.login-main-form h3{font-size:var(--fs-subtitle);font-weight:var(--fw-regular);align-self:center}.login-main-form form{flex-direction:column;display:flex}.login-main-form form button{cursor:pointer;width:100%;height:40px;font-size:var(--fs-base);background-color:var(--brand);color:var(--brand-contrast);font-weight:var(--fw-semibold);border-radius:5px;margin:20px 0 0}.login-main-form form .card-footer-info{font-size:var(--fs-sm);align-self:center;margin:10px 0 0}.login-main-form form .card-footer-info a{color:var(--brand);font-weight:var(--fw-semibold);cursor:pointer;text-decoration:none}.login-main-form form .card-footer-info a:hover{text-decoration:underline}.error-text{color:var(--danger);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.login-divider{align-items:center;width:100%;margin:24px 0 16px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.login-divider span{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#6b7280;text-transform:uppercase;padding:0 12px}.login-alt-actions{flex-direction:column;gap:12px;display:flex}.login-alt-btn{border:1px solid var(--brand);width:100%;height:40px;color:var(--brand);font-weight:var(--fw-semibold);cursor:pointer;background:0 0;border-radius:5px}.login-alt-btn:hover{background-color:#00000008}.login-footer-links{font-size:var(--fs-sm);justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.login-footer-links a{color:var(--brand);font-weight:var(--fw-semibold);text-decoration:none}.login-footer-links a:hover{text-decoration:underline}.login-footer-links .dot{color:#9ca3af}@media (max-width:1370px){.login-main-box{width:40vw}}@media (max-width:1000px){.login-main-box{width:50vw}}@media (max-width:768px){.login-main-box{width:90vw}}