.page-bg {
            background:
                radial-gradient(1200px 520px at 8% -8%, rgba(56, 189, 248, 0.18), transparent 62%),
                radial-gradient(900px 420px at 92% 4%, rgba(250, 204, 21, 0.15), transparent 58%),
                linear-gradient(180deg, #e7f0f7 0%, #f5f2e9 48%, #e7efe6 100%);
            background-attachment: fixed;
        }

        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        @media (max-width: 767px) {
            .page-bg {
                background-attachment: scroll;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 1ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 1ms !important;
                scroll-behavior: auto !important;
            }
        }