:root{--color-white: #ffffff;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-800: #1f2937;--color-gray-600: #374151;--color-gray-500: #6b7280;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-500: #10b981;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 1.5rem;--spacing-4: 2rem;--spacing-5: 2.5rem;--spacing-6: 3rem;--spacing-8: 4rem;--spacing-10: 5rem;--spacing-12: 6rem;--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--max-content-width: 1200px;--border-radius: .5rem;--transition-duration: .3s;--transition-timing: ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);color:var(--color-gray-800);background-color:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-4xl{font-size:2.25rem;line-height:2.5rem;font-weight:var(--font-weight-bold)}.text-3xl{font-size:1.875rem;line-height:2.25rem;font-weight:var(--font-weight-bold)}.text-2xl{font-size:1.5rem;line-height:2rem;font-weight:var(--font-weight-semibold)}.text-xl{font-size:1.25rem;line-height:1.75rem;font-weight:var(--font-weight-medium)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.container{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-3)}.text-center{text-align:center}.text-gray-600{color:var(--color-gray-600)}.text-gray-500{color:var(--color-gray-500)}.text-blue-600{color:var(--color-blue-600)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-8{margin-top:var(--spacing-8)}.fade-in{opacity:0;animation:fadeIn .8s var(--transition-timing) forwards}.fade-in-delay-1{animation-delay:.2s}.fade-in-delay-2{animation-delay:.4s}.fade-in-delay-3{animation-delay:.6s}@keyframes fadeIn{to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (min-width: 768px){.container{padding:0 var(--spacing-4)}.text-4xl{font-size:3rem;line-height:1.1}.text-3xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.container{padding:0 var(--spacing-6)}.text-4xl{font-size:3.75rem;line-height:1.1}}