body{
      background-color: #0A0B0E;
            color: #FFFFFF;
            overflow-x: hidden;
        }

        /* Lenis Continuous Natural Flow Adjustments */
        html.lenis {
            height: auto;
        }
        .lenis-smooth {
            scroll-behavior: auto !important;
        }
        .lenis-smooth [data-lenis-prevent] {
            overscroll-behavior: contain;
        }

        /* Custom Interactive Fluid Elements */
        .cursor-glow-field {
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(225,149,171,0.2) 0%, rgba(56,116,255,0.03) 50%, rgba(0,0,0,0) 70%);
            position: fixed;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: 9999;
            mix-blend-mode: screen;
            transition: transform 0.08s linear;
        }

        /* Editorial Custom Navigation Transitions */
        .animated-nav-link {
            position: relative;
        }
        .animated-nav-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1.5px;
            bottom: -6px;
            left: 0;
            background-color: #E195AB;
            transform-origin: center;
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .animated-nav-link:hover::after {
            transform: scaleX(1);
        }

        /* High-End Glassmorphism Text Layout Blocks */
        .glass-editorial-overlay {
            background: rgba(10, 11, 14, 0.55);
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Custom Clip Reveal Templates */
        .clip-reveal-frame {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }

        /* Universal Clean Layout Overrides */
        ::-webkit-scrollbar {
            display: none;
        }

        /* Additional styles for form interactions */
.glass-editorial-overlay {
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

#subscribeFormBox button,
#unsubscribeFormBox button {
    transition: all 0.3s ease;
    letter-spacing: 0.1em;
}

#subscribeFormBox button:disabled,
#unsubscribeFormBox button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#subscribeStatus,
#unsubscribeStatus {
    animation: fadeSlideIn 0.3s ease-out;
}

@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Input focus styles */
#subscribeEmailInput:focus,
#unsubscribeEmailInput:focus {
    border-color: #f4a4b8; /* softRose */
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 20px rgba(244, 164, 184, 0.1);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    #subscribeFormBox .flex,
    #unsubscribeFormBox .flex {
        flex-direction: column;
        gap: 8px;
    }
    
    #subscribeFormBox button,
    #unsubscribeFormBox button {
        width: 100%;
        padding: 14px;
    }
}