.bg-pattern {
            background-color: #EDE3D1;
            background-image: 
                linear-gradient(90deg, rgba(166, 139, 109, 0.08) 1px, transparent 1px),
                linear-gradient(rgba(140, 104, 38, 0.05) 1px, transparent 1px),
                radial-gradient(#8C6826 0.4px, transparent 0.4px);
            background-size: 100% 4px, 100% 24px, 20px 20px;
        }

        .text-gold-gradient {
            background: linear-gradient(135deg, #F5E8C7 0%, #C59A3F 50%, #8C6826 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @keyframes subtleZoom {
            0% { transform: scale(1); }
            100% { transform: scale(1.08); }
        }
        .slide-bg-zoom {
            animation: subtleZoom 12s ease-out forwards;
        }

        .btn-shimmer {
            position: relative;
            overflow: hidden;
        }
        .btn-shimmer::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(60deg, transparent 30%, rgba(245, 232, 199, 0.3) 50%, transparent 70%);
            transform: rotate(30deg) translateX(-100%);
            transition: transform 0.8s ease;
        }
        .btn-shimmer:hover::after {
            transform: rotate(30deg) translateX(100%);
        }

        .reveal {
            opacity: 0;
            transform: translateY(24px);
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Thaliyola Leaf Border Simulation */
        .thaliyola-border {
            border: 1px solid #C59A3F;
            outline: 3px solid #3A2818;
            outline-offset: -6px;
        }

        /* Animated Dark Wood Flow Background */
        .animated-bg {
            background: linear-gradient(-45deg, #1c140d, #2a1f17, #3a2818, #23180f);
            background-size: 400% 400%;
            animation: gradientFlow 15s ease infinite;
        }

        @keyframes gradientFlow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Floating Palm Ink/Gold Particles */
        .particle {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(197, 154, 63, 0.35) 0%, rgba(197, 154, 63, 0) 70%);
            animation: floatParticle linear infinite;
            pointer-events: none;
        }

        @keyframes floatParticle {
            0% {
                transform: translateY(0) scale(1);
                opacity: 0;
            }
            50% {
                opacity: 0.5;
            }
            100% {
                transform: translateY(-120vh) scale(1.3);
                opacity: 0;
            }
        }