.login-container{flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:40px 80px;display:flex}.login-card{background:#fff;border-radius:10px;align-content:center;gap:10%;width:100%;height:auto;padding:30px;display:flex;top:248px;left:80px;box-shadow:0 4px 4px #00000040}.login-content{flex-direction:column;justify-content:center;gap:24px;width:100%;display:flex}.login-welcome{flex-direction:column;gap:8px;display:flex}.login-welcome h1{letter-spacing:0%;vertical-align:middle;color:var(--primary);font-size:28px;font-weight:700;line-height:33.6px}.login-welcome span{letter-spacing:2px;vertical-align:middle;text-transform:uppercase;font-size:14px;font-weight:400;line-height:23.8px}.login-credentials{flex-direction:column;gap:12px;width:80%;display:flex}.login-credentials input{background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;height:43px;padding:0 10px}.login-password{flex-direction:column;gap:9px;display:flex}.login-password span{letter-spacing:0%;vertical-align:middle;text-decoration-offset:0%;color:#999;font-size:13px;font-weight:400;line-height:19.5px;text-decoration:underline;text-decoration-thickness:calc(1em/3.40282e38)}.login-button{background:var(--primary);width:138.77px;height:51px;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;line-height:21px}.login-button-container{flex-direction:column;gap:16px;display:flex}.login-newuser{letter-spacing:0%;vertical-align:middle;text-transform:uppercase;color:#999;font-size:13px;font-weight:400;line-height:19.5px}.register-credentials{flex-direction:column;gap:16px;display:flex}.otp-fields{gap:10px;display:flex}.otp-box{text-align:center;width:40px;height:60px;font-size:20px}.error-msg{color:red;margin-top:2px;font-size:.85rem}@media (max-width:768px){.login-card{flex-direction:column;gap:30px;display:flex}.login-container{padding:40px 20px}.login-content{align-items:center}.login-credentials{width:100%}}