body {
            font-family: 'Roboto', sans-serif;
            background-color: #FF537B;
            color: #000000;
            overflow-x: hidden;
            overflow-y: auto; /* Ensure standard, natural browser scroll remains perfectly active */
        }
        
        .play-regular {
            font-family: "Play", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        .play-bold {
            font-family: "Play", sans-serif;
            font-weight: 700;
            font-style: normal;
        }

        .roboto-regular {
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        /* Scrollbar aesthetics matching Y2K layout colors */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #000000;
        }
        ::-webkit-scrollbar-thumb {
            background: #FF4081;
            border: 2px solid #000000;
        }

        /* Right-side only solid offset shadow */
        .solid-shadow-right {
            box-shadow: 18px 0px 0px 0px #E05454;
            transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
        }
        .solid-shadow-right:hover {
            box-shadow: 22px 0px 0px 0px #000000;
            transform: scale(1.02) rotate(1deg);
        }

        /* Glassmorphism utility for navigation bar */
        .glass-header {
            background: rgba(255, 83, 123, 0.95);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.4s;
        }

        /* Active navigation micro expand transition */
        .nav-link {
            position: relative;
            letter-spacing: 0.1em;
            transition: letter-spacing 0.3s ease, transform 0.3s;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #000000;
            transform-origin: bottom left;
            transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        }
        .nav-link:hover {
            letter-spacing: 0.2em;
        }
        .nav-link:hover::after {
            transform: scaleX(1);
        }

        /* Grayscale to rich color transitions */
        . {
            filter: grayscale(100%);
            transition: filter 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s;
        }
        .:hover {
            filter: grayscale(0%);
            transform: scale(1.02);
        }

        /* Prevent system breaks */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Custom animation divider lines */
        .animated-red-line {
            background: linear-gradient(90deg, #FF0000 0%, #FF4081 50%, #FF0000 100%);
            background-size: 200% auto;
            animation: moveGradient 4s linear infinite;
        }

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