/* Small, safe enterprise-grade login styles - non-breaking */
body {
  background-color: #f4f6f9 !important;
  font-family: 'Poppins', 'Outfit', sans-serif !important;
}
.account {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 40px 0;
}
.account-area .account-wrapper {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 45, 61, 0.08);
  width: 420px;
  max-width: calc(100% - 48px);
  padding: 32px;
}
.account-logo img { max-width: 160px; }
.title { font-weight: 600; font-size: 20px; margin-top: 8px; }
.account-form .form--control, .account-form .form-control {
  height: 44px; border-radius: 8px; padding: 8px 12px; border: 1px solid #e6e9ef;
}
.btn--base { background: var(--primary-color); border: none; color: #fff; height:44px; border-radius:8px; }
.or-area { margin: 18px 0; display:flex; align-items:center; gap:10px; }
.or-title { font-weight:500; color:#667085 }
@media (max-width: 480px) {
  .account-area .account-wrapper { padding: 20px; }
}