body{font-family:'Inter',sans-serif;background-color:#f9fafb;color:#1f2937}
*{box-sizing:border-box}
.container{max-width:1200px;margin-left:auto;margin-right:auto}
.bg-white{background-color:#ffffff}
.text-gray-800{color:#1f2937}
.text-gray-900{color:#111827}
.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sticky{position:sticky;top:0}
.z-50{z-index:50}
.relative{position:relative}
.h-64{height:16rem}
.md\:h-80{height:20rem}
.bg-gray-900{background-color:#111827}
.opacity-50{opacity:.5}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.text-white{color:#fff}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.md\:text-5xl{font-size:3rem;line-height:1}
.font-bold{font-weight:700}
.mb-2{margin-bottom:.5rem}
.rounded-xl{border-radius:.75rem}
.overflow-hidden{overflow:hidden}
.bg-gray-50{background-color:#f9fafb}
.text-gray-700{color:#374151}
.text-blue-600{color:#2563eb}
.hover\:text-blue-800:hover{color:#1e40af}
.bg-blue-600{background-color:#2563eb}
.hover\:bg-blue-700:hover{background-color:#1d4ed8}
.rounded-lg{border-radius:.5rem}
.font-semibold{font-weight:600}
.text-sm{font-size:.875rem}
.transition{transition:all .2s ease}
.border{border-width:1px;border-style:solid;border-color:#e5e7eb}
.border-gray-100{border-color:#f3f4f6}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6);--tw-gradient-to:rgba(0,0,0,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-black\/30{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3),var(--tw-gradient-to)}
.to-transparent{--tw-gradient-to:transparent}