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