body {
            font-family: 'Inter', sans-serif;
        }

        .table-row:hover {
            background-color: #faf5ff;
        }

        .section-card {
            transition: all 0.3s ease;
        }

        .section-card:hover {
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            header .flex {
                flex-wrap: wrap;
                gap: 0.5rem;
            }

            header a.text-primary-600 {
                font-size: 0.85rem;
            }

            section.bg-gradient-to-r h1 {
                font-size: 1.75rem;
            }

            section.bg-gradient-to-r p {
                font-size: 0.9rem;
            }

            section.bg-gradient-to-r {
                padding-top: 2rem;
                padding-bottom: 2rem;
            }

            .section-card {
                border-radius: 1rem;
            }

            .section-card .p-6 {
                padding: 1rem;
            }

            .section-card .w-12 {
                width: 2.5rem;
                height: 2.5rem;
            }

            .section-card h2 {
                font-size: 1.1rem;
            }

            .section-card p {
                font-size: 0.8rem;
            }

            .section-card a.hidden {
                display: none !important;
            }

            table th,
            table td {
                padding: 0.75rem;
                font-size: 0.85rem;
            }

            table th {
                font-size: 0.7rem;
            }

            /* Hide URL column on mobile */
            table th:nth-child(2),
            table td:nth-child(2) {
                display: none;
            }

            /* Hide Images column on mobile */
            table th:nth-child(3),
            table td:nth-child(3) {
                display: none;
            }
        }

        @media (max-width: 480px) {
            section.bg-gradient-to-r h1 {
                font-size: 1.5rem;
            }

            section.bg-gradient-to-r .w-16 {
                width: 3rem;
                height: 3rem;
            }

            section.bg-gradient-to-r .w-16 i {
                font-size: 1.25rem;
            }

            .section-card h2 {
                font-size: 1rem;
            }

            table th,
            table td {
                padding: 0.625rem;
                font-size: 0.8rem;
            }

            table a {
                font-size: 0.85rem;
            }

            table a i {
                margin-right: 0.375rem;
            }

            nav.flex {
                font-size: 0.8rem;
            }

            footer .flex {
                flex-direction: column;
                text-align: center;
                gap: 0.75rem;
            }
        }