/* Custom Styles for Aesthetic and Motion */
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--background);
            scroll-behavior: smooth;
        }
        .hero-bg {
            background-image: url('https://i.pinimg.com/736x/ce/b6/39/ceb63958b08c7cb1c80b5f72ad879cb1.jpg');
            background-size: cover;
            background-position: center;
        }
        /* Custom scroll-reveal transition classes */
        .fade-in-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .fade-in-up.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        /* Style for the custom alert/modal box */
        .custom-alert {
            z-index: 100;
        }
        .scroll-to-top {
            transition: opacity 0.3s;
        }
        /* Custom Logo SVG Animation/Color */
        .logo-icon path {
            fill: #3A7D44;
            transition: fill 0.3s;
        }
        .logo-icon:hover path {
            fill: #7D6F5C;
        }
        .btn-primary:hover {
            box-shadow: 0 10px 15px -3px rgba(58, 125, 68, 0.3), 0 4px 6px -2px rgba(58, 125, 68, 0.15);
        }