:root {
  --purple: #0f4c81;
  --purple-dark: #0b3d69;
  --purple-soft: #eaf5fb;
}

.brand-mark {
  background-color: transparent !important;
  background-image: url('/preskita-mark.svg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  box-shadow: none !important;
  color: transparent !important;
  border-radius: 0 !important;
}

.login-brand strong,
.brand-name {
  color: #0f4c81 !important;
  letter-spacing: .4px !important;
}

.login-brand span,
.brand-tagline {
  font-size: 0 !important;
  line-height: 1.2 !important;
}

.login-brand span::after,
.brand-tagline::after {
  content: 'Platform Administrasi & Operasional Sekolah';
  font-size: 10px;
  color: #66788a;
}

.login-button {
  background: linear-gradient(135deg, #0ea5e9, #0f4c81) !important;
  box-shadow: 0 9px 22px rgba(15, 76, 129, .18) !important;
}

.login-button:hover {
  background: linear-gradient(135deg, #0b93d0, #0b3d69) !important;
}

.login-footer strong {
  color: #0f4c81 !important;
}