.fccs-wrapper {
                position: relative;
                width: 100%;
                background-color: #000000 !important;
                overflow: hidden !important;
                box-sizing: border-box !important;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 40px;
            }

            .fccs-wrapper *,
            .fccs-wrapper *::before,
            .fccs-wrapper *::after {
                box-sizing: border-box !important;
                margin: 0;
                padding: 0;
                border-radius: 0px !important;
            }

            .fccs-container {
                position: relative;
                width: 100%;
                max-width: 1920px;
                aspect-ratio: 1920 / 700;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
            }

            .todey-pure-black-void {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                background: transparent !important;
                z-index: 1;
            }

            .todey-apple-matrix-panel {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
                pointer-events: none;
                will-change: transform, mask-image;
                -webkit-mask-image: radial-gradient(circle var(--todey-mask-radius, 150px) at var(--todey-reveal-x, 50%) var(--todey-reveal-y, 50%), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0) 100%);
                mask-image: radial-gradient(circle var(--todey-mask-radius, 150px) at var(--todey-reveal-x, 50%) var(--todey-reveal-y, 50%), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0) 100%);
                transition: -webkit-mask-image 0.08s ease, mask-image 0.08s ease;
            }

            .todey-organic-wave-gradient {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                background:
                  radial-gradient(circle at 25% 15%, rgba(255, 255, 255, 0.45) 0%, transparent 45%),
                  radial-gradient(circle at 80% 25%, rgba(220, 228, 240, 0.4) 0%, transparent 45%),
                  radial-gradient(circle at 15% 80%, rgba(245, 245, 250, 0.35) 0%, transparent 50%),
                  radial-gradient(circle at 85% 85%, rgba(255, 255, 255, 0.5) 0%, transparent 35%),
                  linear-gradient(135deg, #020203 0%, #0c1017 50%, #010102 100%);
            }

            .todey-micro-pixel-grille {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                background-image:
                  linear-gradient(to right, #000000 1px, transparent 1px),
                  linear-gradient(to bottom, #000000 1px, transparent 1px);
                background-size: 3px 3px;
                background-position: center center;
            }

            .fccs-bg-layer {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                z-index: 3;
                display: block;
                pointer-events: none;
                will-change: transform;
            }

            .todey-velvet-vignette-shading {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                background: radial-gradient(circle at center, transparent 25%, #000000 90%);
                pointer-events: none;
                z-index: 4;
            }

            .fccs-stage {
                position: relative;
                z-index: 5;
                perspective: 1200px;
                transform-style: preserve-3d;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                will-change: transform;
            }

            .fccs-card-wrapper {
                position: relative;
                width: 35%;
                max-width: 600px;
                display: flex;
                justify-content: center;
                align-items: center;
                transform-style: preserve-3d;
            }

            .fccs-canvas {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 250%;
                height: auto;
                display: block;
                pointer-events: none;
                will-change: contents;
            }

            .fccs-fallback-img {
                width: 100%;
                height: auto;
                display: none;
            }

            @media (max-width: 1024px) {
                .fccs-container { aspect-ratio: 16 / 9; }
                .fccs-card-wrapper { width: 45%; }
            }

            @media (max-width: 768px) {
                .fccs-container { aspect-ratio: auto; min-height: auto; }
                .fccs-card-wrapper { width: 100%; max-width: 100%; }
                .fccs-wrapper .fccs-bg-layer, 
                .fccs-wrapper .fccs-canvas,
                .fccs-wrapper .todey-pure-black-void,
                .fccs-wrapper .todey-apple-matrix-panel,
                .fccs-wrapper .todey-velvet-vignette-shading { display: none !important; }
                .fccs-wrapper .fccs-fallback-img { display: block !important; width: 100%; height: auto; margin-top: 20px; }
                .fccs-stage { transform: none !important; perspective: none; }
            }