.geometric-pattern {
            background-image: 
                radial-gradient(circle at 20% 50%, transparent 20%, rgba(146, 92, 85, 0.1) 21%, rgba(146, 92, 85, 0.1) 34%, transparent 35%),
                linear-gradient(0deg, transparent 24%, rgba(66, 59, 44, 0.05) 25%, rgba(66, 59, 44, 0.05) 26%, transparent 27%, transparent 74%, rgba(66, 59, 44, 0.05) 75%, rgba(66, 59, 44, 0.05) 76%, transparent 77%);
            background-size: 150px 150px, 80px 80px;
        }
        
        .diagonal-lines {
            background: repeating-linear-gradient(
                45deg,
                transparent,
                transparent 10px,
                rgba(188, 196, 200, 0.1) 10px,
                rgba(188, 196, 200, 0.1) 20px
            );
        }
        
        .organic-shape::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(ellipse 800px 600px at 50% 0%, rgba(146, 92, 85, 0.15), transparent);
            clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
            z-index: -1;
        }
        
        .floating-elements::after {
            content: '';
            position: absolute;
            width: 200px;
            height: 200px;
            border: 2px solid rgba(167, 144, 136, 0.3);
            border-radius: 50%;
            top: 20%;
            right: -100px;
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(180deg); }
        }
        
        .text-shadow {
            text-shadow: 2px 2px 4px rgba(25, 15, 8, 0.3);
        }
        
        .hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(25, 15, 8, 0.2);
        }
        
        .notification {
            animation: slideInNotification 0.5s ease-out;
        }
        
        @keyframes slideInNotification {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }