body,html{height:100%;margin:0}.login-container{width:100%;display:flex;justify-content:center;padding:20px;box-sizing:border-box}.main-container{background:#ffffff;padding:32px;border-radius:12px;max-width:350px}.main-container,form{display:flex;flex-direction:column;gap:20px}form{align-items:center;width:100%}.logo{width:140px;height:auto;display:block}.login-title{font-size:26px;font-weight:700;text-align:center;margin:0}.login-subtitle{text-align:center;margin:0;font-size:18px;color:#666}.login-fields{width:100%;display:flex;flex-direction:column;gap:12px}.login-button{width:100%;border-radius:12px!important}.otp-section{align-items:center}.otp-buttons,.otp-section{width:100%;display:flex;flex-direction:column}.otp-buttons{gap:12px}@media (max-width:480px){.main-container{padding:24px;max-width:92%}.login-title{font-size:20px}}