:root {
            --primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);
        }

        body {
            background: #f8fafc;
        }

        /* HEADER */
        .navbar {
            background: var(--primary-gradient);
        }

        .navbar-brand {
            font-weight: 700;
        }

        /* HERO */
        .hero {
            background: var(--primary-gradient);
            color: #fff;
            padding: 100px 0;
            text-align: center;
        }

        /* FOOTER */
        footer {
            background: #111827;
            color: #9ca3af;
            padding: 40px 0 20px;
        }

        footer a {
            color: #9ca3af;
            text-decoration: none;
        }

        footer a:hover {
            color: #fff;
        }