:root {
            --color1: #154063;
            --color2: #0f4244;
            --color3: #2d644e;
            --color4: #868e7a;
            --color5: #9f9b92;
        }
        
        .text-color1 { color: var(--color1); }
        .text-color2 { color: var(--color2); }
        .text-color3 { color: var(--color3); }
        .text-color4 { color: var(--color4); }
        .text-color5 { color: var(--color5); }
        
        .bg-color1 { background-color: var(--color1); }
        .bg-color2 { background-color: var(--color2); }
        .bg-color3 { background-color: var(--color3); }
        .bg-color4 { background-color: var(--color4); }
        .bg-color5 { background-color: var(--color5); }
        
        .border-color1 { border-color: var(--color1); }
        .border-color2 { border-color: var(--color2); }
        .border-color3 { border-color: var(--color3); }
        .border-color4 { border-color: var(--color4); }
        .border-color5 { border-color: var(--color5); }

        .geometric-pattern {
            background-image: 
                polygon(50% 0%, 0% 100%, 100% 100%),
                polygon(50% 0%, 0% 100%, 100% 100%);
            background-size: 40px 40px, 20px 20px;
            background-position: 0 0, 20px 20px;
            opacity: 0.1;
        }

        .floating-element {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }

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

        .zigzag-border {
            position: relative;
        }
        
        .zigzag-border::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 100%;
            height: 20px;
            background: linear-to-right, 
                transparent 0%,
                var(--color3) 25%,
                transparent 50%,
                var(--color3) 75%,
                transparent 100%;
            clip-path: polygon(0 0, 5% 100%, 10% 0, 15% 100%, 20% 0, 25% 100%, 30% 0, 35% 100%, 40% 0, 45% 100%, 50% 0, 55% 100%, 60% 0, 65% 100%, 70% 0, 75% 100%, 80% 0, 85% 100%, 90% 0, 95% 100%, 100% 0);
        }

        .form-notification {
            display: none;
            padding: 1rem;
            margin-top: 1rem;
            border-radius: 0.5rem;
            background-color: var(--color3);
            color: white;
        }

        .organic-shape {
            clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
        }

        .diamond-grid {
            background-image: 
                repeating-linear-gradient(
                    45deg,
                    transparent,
                    transparent 35px,
                    var(--color5) 35px,
                    var(--color5) 37px
                ),
                repeating-linear-gradient(
                    -45deg,
                    transparent,
                    transparent 35px,
                    var(--color5) 35px,
                    var(--color5) 37px
                );
            opacity: 0.1;
        }