html {
            scroll-behavior: smooth;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(30, 58, 138, 0.92) 0%, rgba(5, 150, 105, 0.85) 100%);
        }
        .section-padding {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }
        .hover-lift {
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }
        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .flink {
            @apply text-sufc-primary hover:text-sufc-accent font-medium transition-colors duration-200 border-b border-transparent hover:border-sufc-accent;
        }
        .btn-primary {
            @apply bg-sufc-primary hover:bg-blue-900 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 hover-lift inline-flex items-center;
        }
        .btn-secondary {
            @apply bg-sufc-secondary hover:bg-emerald-700 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-300 hover-lift inline-flex items-center;
        }
        .nav-link {
            @apply text-gray-700 hover:text-sufc-primary font-medium transition-colors duration-200 px-3 py-2 rounded-md;
        }
        .footer-link {
            @apply text-gray-300 hover:text-white transition-colors duration-200;
        }
        .sticky-nav {
            @apply sticky top-0 z-50 transition-all duration-300;
            backdrop-filter: blur(10px);
        }
        .sticky-nav.scrolled {
            @apply shadow-lg bg-white/90;
        }