body {
            font-family: 'Inter', sans-serif;
            background-color: #030508;
            color: #fff;
        }
        
        .font-serif {
            font-family: 'Playfair Display', serif;
            letter-spacing: 0.5px;
            font-weight: 100 !important;
        }

        .hero-section {
            z-index: 1;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 25%;
            left: 50%;
            transform: translateX(-50%);
            width: 140vw;
            height: 100vh;
            background: radial-gradient(ellipse at top center, #dc354573 0%, #dc35450d 50%, transparent 75%);
            border-radius: 50% 50% 0 0;
            filter: blur(40px);
            z-index: -1;
            pointer-events: none; 
        }

        .navbar {
            backdrop-filter: blur(12px);
            background-color: #030508b3 !important;
            border-bottom: 1px solid #ffffff0d;
        }
        
        .nav-link {
            font-size: 0.9rem;
            color: #ffffffb3 !important;
            transition: color 0.3s ease;
        }
        .nav-link:hover, .nav-link.active {
            color: #ffffff !important;
        }

        .badge-pill-custom {
            background-color: #00000099;
            border: 1px solid #ffffff26;
            backdrop-filter: blur(4px);
            display: inline-block;
        }

        .pillar-divider {
            border-right: 1px solid #ffffff1a;
        }
        
        @media (width < 767px) {
            .pillar-divider {
                border-right: none;
                border-bottom: 1px solid #ffffff1a;
                padding-bottom: 1.5rem;
                margin-bottom: 1.5rem;
            }

            .pillar-divider:last-child {
                border-bottom: none;
                margin-bottom: 0;
            }

            .hero-section::before {
                top: 20%;
                width: 200vw;
            }
        }

        .image{
            height: 30px; 
            width: auto; 
            filter: brightness(0) invert(1);
        }