body {
            height: 100vh;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'Inter', sans-serif;
            color: #333;
            background-color: #f0f0f0;

            /* --- Marbled Texture Effect (Much more prominent) --- */
            background-image:
                /* Strong, dark veins */
                radial-gradient(ellipse at 40% 60%, rgba(50, 50, 50, 0.4) 0%, transparent 70%),
                radial-gradient(circle at 60% 40%, rgba(80, 80, 80, 0.3) 0%, transparent 60%),
                radial-gradient(ellipse at 15% 85%, rgba(100, 100, 100, 0.5) 0%, transparent 50%),

                /* Lighter, milky swirls */
                radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.6) 0%, transparent 80%),
                radial-gradient(ellipse at 10% 90%, rgba(200, 200, 200, 0.7) 0%, transparent 75%),

                /* Base color variations for depth */
                linear-gradient(135deg, #e0e0e0, #f8f8f8, #e0e0e0),

                /* More visible noise/speckle effect */
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' fill='rgba(0,0,0,0.1)' x='1' y='1' /%3E%3C/svg%3E");

            background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 4px 4px;
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
    }
	/* --- Effect Animation --- */
        @keyframes subtle-glitch {
            0% { transform: translate(0, 0) scale(1.0); opacity: 0.1; }
            10% { transform: translate(-3px, 3px) scale(1.02); opacity: 0.15; }
            20% { transform: translate(3px, -3px) scale(0.98); opacity: 0.1; }
            30% { transform: translate(5px, 0px) scale(1.03); opacity: 0.2; }
            40% { transform: translate(-5px, 5px) scale(0.97); opacity: 0.15; }
            50% { transform: translate(0, 0) scale(1.0); opacity: 0.1; }
            60% { transform: translate(3px, 3px) scale(1.04); opacity: 0.1; }
            70% { transform: translate(-3px, -3px) scale(0.98); opacity: 0.15; }
            80% { transform: translate(0, 5px) scale(1.0); opacity: 0.1; }
            90% { transform: translate(-5px, -3px) scale(1.02); opacity: 0.1; }
            100% { transform: translate(0, 0) scale(1.0); opacity: 0.1; }
        }

        /* --- New separate layer for the effect --- */
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M 0 0 L 100 0 L 100 100 L 0 100 Z' fill='rgba(255,0,120,0.5)' /%3E%3C/svg%3E");
            z-index: -1;
            pointer-events: none;
            animation: subtle-glitch 5s steps(10) infinite;
        }