/* tailwind.built.css'te bulunmayan, yeni sayfalarda kullanılan yardımcı sınıflar.
   tailwind yeniden derlenirse bu dosya gereksizleşir ama zararı olmaz. */
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-10 { margin-top: 2.5rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.w-fit { width: fit-content; }
.duration-400 { transition-duration: 400ms; }
.text-body-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-emerald-300 { color: #6ee7b7; }
.text-red-300 { color: #fca5a5; }
.text-red-400 { color: #f87171; }
.bg-emerald-500\/10 { background-color: rgba(16, 185, 129, 0.1); }
.border-emerald-500\/40 { border-color: rgba(16, 185, 129, 0.4); }
.bg-red-500\/10 { background-color: rgba(239, 68, 68, 0.1); }
.border-red-500\/40 { border-color: rgba(239, 68, 68, 0.4); }

@media (min-width: 768px) {
    .md\:items-center { align-items: center; }
    .md\:items-end { align-items: flex-end; }
    .md\:justify-between { justify-content: space-between; }
    .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
    .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }
}