*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif}@utility btn-primary{padding-inline: var(--spacing-6); padding-block: var(--spacing-3); background-color: var(--color-blue-600); color: var(--color-white); font-weight: var(--font-weight-semibold); border-radius: var(--radius-lg); transition: all .3s;}@utility btn-secondary{padding-inline: var(--spacing-6); padding-block: var(--spacing-3); background-color: var(--color-gray-200); color: var(--color-gray-800); font-weight: var(--font-weight-semibold); border-radius: var(--radius-lg); transition: all .3s;}@utility section-title{font-size: var(--text-4xl); font-weight: var(--font-weight-bold); color: var(--color-gray-900); text-align: center; margin-bottom: var(--spacing-12);}@utility card{background-color: var(--color-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); transition: all .3s;}.btn-primary-hover:hover{background-color:var(--color-blue-700)}.btn-secondary-hover:hover{background-color:var(--color-gray-300)}.card-hover:hover{box-shadow:var(--shadow-lg)}@utility fade-in{animation: fadeIn .5s ease-in-out;}@utility slide-in{animation: slideIn .5s ease-in-out;}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@utility line-clamp-3{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}