body {
            background-color: #FFE3E3;
            color: #112E81;
            font-family: 'Bitter', serif;
            overflow-x: hidden;
        }

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

        /* Custom Interactive Underline Tracking */
        .nav-editorial-link {
            position: relative;
        }
        .nav-editorial-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: -4px;
            left: 0;
            background-color: #E05454;
            transform-origin: bottom left;
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1);
        }
        .nav-editorial-link:hover::after {
            transform: scaleX(1);
        }

        /* Dropcap Element System styling */
        .editorial-dropcap::first-letter {
            font-size: 4.2rem;
            font-weight: 900;
            float: left;
            line-height: 1;
            padding-right: 12px;
            color: #E05454;
        }

        /* Progress Framework Bar */
        #scrollTrackerBar {
            transform-origin: top left;
            transform: scaleX(0);
        }

        /* Hide Legacy Standard Native UI Bars */
        ::-webkit-scrollbar {
            display: none;
        }
        /* Additional styles for subscribe page */
#subscribeFormContainer,
#unsubscribeFormContainer,
#subscriptionConfirmation {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#subscribeFormContainer.hidden,
#unsubscribeFormContainer.hidden,
#subscriptionConfirmation.hidden {
    display: none;
}

#subscribeStatusMessage,
#unsubscribeStatusMessage {
    animation: fadeSlideIn 0.3s ease-out;
}

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

#subscriptionConfirmation:not(.hidden) {
    animation: fadeScaleIn 0.5s ease-out;
}

@keyframes fadeScaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Input focus states */
#dedicatedEmailInput:focus,
#unsubscribeEmailInput:focus {
    background: rgba(255, 255, 255, 0.6);
}

/* Button hover states */
#dedicatedBoxPortal button:hover,
#unsubscribeBoxPortal button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#dedicatedBoxPortal button:active,
#unsubscribeBoxPortal button:active {
    transform: translateY(0);
}