body {
            font-family: 'Urbanist', sans-serif;
        }
        .bg-mesh-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
            pointer-events: none;
            contain: strict;
        }
        .bg-blob {
            position: absolute;
            width: 58vw;
            height: 58vw;
            border-radius: 50%;
            filter: blur(96px);
            opacity: 0.1;
            mix-blend-mode: normal;
        }
        .blob-1 { background: #bf2b38; top: -18%; right: -8%; animation: blob 38s infinite alternate; }
        .blob-2 { background: #bf2b38; bottom: -18%; left: -8%; animation: blob 44s infinite alternate-reverse; opacity: 0.07; }
        @keyframes blob {
            0% { transform: translate(0, 0) scale(1); }
            50% { transform: translate(42px, 24px) scale(1.04); }
            100% { transform: translate(-24px, 42px) scale(0.97); }
        }
        .btn-premium {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }
        .btn-premium:hover {
            transform: scale(1.05);
            box-shadow: 0 0 25px rgba(191, 43, 56, 0.5);
        }
        .btn-premium:active { transform: scale(0.98); }
        .red-glow-bg {
            background: radial-gradient(circle at 50% 50%, rgba(191, 43, 56, 0.15) 0%, rgba(15, 15, 16, 0) 70%);
        }
        .card-hover:hover {
            transform: translateY(-8px);
            border-color: rgba(191, 43, 56, 0.4);
        }
        .project-scroll-preview {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.82));
        }
        .project-scroll-preview::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                linear-gradient(to bottom, rgba(0, 0, 0, 0.26), transparent 22%, transparent 70%, rgba(0, 0, 0, 0.42)),
                radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.12), transparent 42%);
            opacity: 0.95;
            transition: opacity 0.35s ease;
        }
        .project-scroll-preview__image {
            position: absolute;
            inset: 0;
            background-position: top center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            transform: scale(1.01);
            transition:
                background-position 9s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.5s ease;
            will-change: background-position, transform;
        }
        .group:hover .project-scroll-preview__image {
            background-position: bottom center;
            transform: scale(1.015);
        }
        .group:hover .project-scroll-preview::after {
            opacity: 0.72;
        }
        @media (prefers-reduced-motion: reduce) {
            .project-scroll-preview__image {
                transition: none;
            }
            .group:hover .project-scroll-preview__image {
                background-position: top center;
            }
        }