body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(to bottom, #050510 0%, #000000 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            position: relative;
        }

        body::before {
            z-index: 0;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                radial-gradient(rgba(255,255, 255, .5), rgba(255,255,255,.05) 3px, transparent 25px),
                radial-gradient(rgba(255,255, 255, .6), rgba(255,255,255,.05) 1px, transparent 15px),
                radial-gradient(rgba(255,255, 255, .7), rgba(255,255,255,.05) 2px, transparent 20px);
            background-size: 550px 550px, 350px 350px, 250px 250px;
            background-position: 0 0, 40px 60px, 130px 270px;
            opacity: 0.8;

            @keyframes twinkle {
                0% { opacity: 0.8; }
                50% { opacity: 0.4; }
                100% { opacity: 0.8; }
            }
            
            /* Add this line inside your body::before block */
            animation: twinkle 5s infinite ease-in-out;
        }

        .tas {
            z-index: 1;
            color: white;
            font-family: sans-serif;
            font-size: 25vw;
            color: #206BB6;
            margin: 0;
            user-select: none;
        }

        .sg {
            font-family: "Space Grotesk", sans-serif;
            font-optical-sizing: auto;
            font-weight: 500;
            font-style: italic;
            letter-spacing: -0.09em;
          }