body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            background-color: #121212; /* matteblack */
            color: #E0E0E0; /* lighttext */
        }

        /* Scroll-triggered fade-in animation */
        .fade-in {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Staggered delay utilities */
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }
        .delay-400 { transition-delay: 400ms; }

        /* Header Style */
        .header-transparent {
            background-color: transparent;
        }
        .header-scrolled {
            background-color: rgba(18, 18, 18, 0.85); /* matteblack/85 */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.3);
        }

        /* Hero Text Shadow for readability */
        .hero-text-shadow {
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
        }

        /* Parallax Background */
        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* Glowing Inputs */
        .form-input-glow {
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(212, 175, 55, 0.3);
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .form-input-glow:focus {
            outline: none;
            border-color: #D4AF37; /* gold */
            box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
        }
        
        /* Custom Button Hover */
        .btn-gold {
            background-color: #D4AF37;
            color: #121212;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .btn-gold:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);
        }
        .btn-outline-gold {
            border: 1px solid #D4AF37;
            color: #D4AF37;
            transition: background-color 0.3s, color 0.3s;
        }
        .btn-outline-gold:hover {
            background-color: #D4AF37;
            color: #121212;
        }
        
/* Smooth expand/collapse animation for Read More content */
.more-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 400ms ease, opacity 350ms ease;
}

.more-text.open {
  max-height: 800px; /* adjust if content is longer */
  opacity: 1;
}