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