.auth-login-page {
  --al-surface: transparent;
  font-family: 'Poppins', 'Plus Jakarta Sans', Inter, system-ui, sans-serif;
}

body.page-coastal-nav .main-content:has(.auth-login-page),
body.page-login .main-content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.page-login .coastal-spa-mount,
body.page-login .coastal-spa-mount__content,
body.page-login .auth-login-react-root,
body.page-login .auth-login-page,
body.page-login .auth-login-page__canvas {
  overflow: visible !important;
}

.auth-login-fragment {
  width: 100%;
  animation: auth-login-fade-in 0.35s ease;
}

@keyframes auth-login-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}