body {
			font-family: 'Plus Jakarta Sans', sans-serif;
			background-color: #000;
			margin: 0;
			padding: 0;
			overflow: hidden; 
			height: 100vh;
			width: 100vw;
			position: fixed; 
		}

		.outfit { font-family: 'Outfit', sans-serif; }

		@keyframes word-slide {
			0%, 5% { opacity: 0; transform: translateY(20px) skewY(2deg); filter: blur(5px); }
			10%, 22% { opacity: 1; transform: translateY(0) skewY(0); filter: blur(0); }
			27%, 100% { opacity: 0; transform: translateY(-20px) skewY(-2deg); filter: blur(5px); }
		}

		@keyframes container-expand {
			0%, 5%, 25%, 30%, 50%, 55%, 75%, 80%, 95%, 100% { width: 0; opacity: 0; }
			10%, 20%, 35%, 45%, 60%, 70%, 85%, 90% { width: 150px; opacity: 1; }
		}

		@keyframes splash-in {
			from { opacity: 0; transform: scale(0.95); }
			to { opacity: 1; transform: scale(1); }
		}

		@keyframes revealUp {
			from { opacity: 0; transform: translateY(30px); }
			to { opacity: 1; transform: translateY(0); }
		}

		@keyframes l3 {
			20%{background-position:0% 0%, 50% 50%,100% 50%}
			40%{background-position:0% 100%, 50% 0%,100% 50%}
			60%{background-position:0% 50%, 50% 100%,100% 0%}
			80%{background-position:0% 50%, 50% 50%,100% 100%}
		}

		.animate-word { animation: word-slide 8s cubic-bezier(0.65, 0, 0.35, 1) infinite; }
		.animate-container { animation: container-expand 8s cubic-bezier(0.76, 0, 0.24, 1) infinite; }
		.animate-splash { animation: splash-in 1.2s ease-out forwards; }
		.reveal-up { animation: revealUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
		
		.loader-dots {
			width: 35px;
			aspect-ratio: 2;
			--_g: no-repeat radial-gradient(circle closest-side,#2563eb 90%,#0000);
			background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
			background-size: calc(100%/3) 50%;
			animation: l3 1s infinite linear;
		}

		.loader-dots-white {
			--_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#0000);
		}

		.glass-footery {
			
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);
		}