/*! Tailwind CSS v4.1 · MIT · compiled offline for Bimbel Teladan */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
:root, :host {
  --color-brand: #df2991;
  --color-ink: #27334b;
  --spacing: 0.25rem;
}
.mx-auto {
  margin-inline: auto;
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.min-h-screen {
  min-height: 100vh;
}
.w-full {
  width: 100%;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.bg-brand {
  background-color: var(--color-brand);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.text-brand {
  color: var(--color-brand);
}
.text-ink {
  color: var(--color-ink);
}