body {
			background: #03060f;
			margin: 0;
			font-family: monospace;
			color: #fff;
		}

		body.tj-no-scroll {
  overflow: hidden;
}

		/* ===================== LOADING SCREEN ===================== */
		#tj-loader {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(135deg, #09090f, #03060f, #000000);
			background-size: 300% 300%;
			animation: tj-bgPulse 10s infinite alternate;
			
			z-index: 9999;
			transition: opacity 1s ease, visibility 1s ease;
			overflow: hidden !important;
		}

		#tj-loader.tj-is-hidden {
			opacity: 0;
			visibility: hidden;
		}
		.tj-logo-wrapper {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			max-width: 260px;
			text-align: center;
			padding: 0 20px;
		}

		@media (max-width: 767.98px) {
			.tj-logo-wrapper {
				max-width: 220px;
			}
			.tj-img-container img {
				width: 100%;
				max-width: 180px;
			}
			.tj-status-container {
				width: 100%;
				margin-top: 50px;
			}
			.tj-progress-text {
				font-size: 16px;
			}
		}

		@keyframes tj-bgPulse {
			0% {
				background-position: 0% 50%;
			}

			100% {
				background-position: 100% 50%;
			}
		}

		/* Floating words */
		.tj-floating-words {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			z-index: 0;
		}

		.tj-floating-words span {
			position: absolute;
			color: rgba(200, 0, 255, 0.6);
			font-size: 14px;
			text-shadow: 0 0 8px rgba(200, 0, 255, 0.8);
			animation: tj-floatUp linear infinite;
			white-space: nowrap;
		}

		@keyframes tj-floatUp {
			0% {
				transform: translateY(100vh);
				opacity: 0;
			}

			10% {
				opacity: 0.8;
			}

			90% {
				opacity: 0.8;
			}

			100% {
				transform: translateY(-10vh);
				opacity: 0;
			}
		}

		/* Logo styling */
		.tj-img-container {
			position: relative;
			display: inline-block;
			z-index: 2;
			text-align: center;
		}

		.tj-img-container img {
			width: 250px;
			opacity: 0;
			animation: tj-fadeLogo 2s ease-in-out forwards;
			filter: drop-shadow(0 0 10px rgba(200, 0, 255, 0.7));
		}

		@keyframes tj-fadeLogo {
			0% {
				opacity: 0;
				transform: scale(0.9);
			}

			100% {
				opacity: 1;
				transform: scale(1);
			}
		}

		/* Scanline + flicker overlay */
		.tj-img-container::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: repeating-linear-gradient(0deg,
					rgba(255, 255, 255, 0.05) 0px,
					rgba(255, 255, 255, 0.05) 2px,
					transparent 3px,
					transparent 6px);
			animation: tj-flicker 3s infinite;
			pointer-events: none;
		}

		@keyframes tj-flicker {

			0%,
			18%,
			22%,
			25%,
			53%,
			57%,
			100% {
				opacity: 0.08;
			}

			20%,
			24%,
			55% {
				opacity: 0.2;
			}
		}

		/* Loading bar + percentage */
		.tj-status-container {
			margin-top: 80px;
			width: 260px;
			z-index: 2;
			text-align: center;
		}

		.tj-status-bar {
			width: 100%;
			height: 2px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 5px;
			overflow: hidden;
			margin-bottom: 8px;
			box-shadow: inset 0 0 6px rgba(200, 0, 255, 0.3);
		}

		.tj-bar-fill {
			height: 100%;
			width: 0%;
			background: linear-gradient(90deg, #c000ff, #6a00ff, #00ffe5);
			border-radius: 5px;
			transition: width 0.2s;
			box-shadow: 0 0 12px rgba(200, 0, 255, 0.8);
		}

		.tj-progress-text {
			font-size: 20px;
			color: rgba(187, 187, 15, 0.9);
			text-shadow: 0 0 8px rgba(187, 187, 15, 0.7);
			animation: tj-glitch 2s infinite;
		}

		/* Glitch effect */
		@keyframes tj-glitch {
			0% {
				text-shadow: 2px 0 red, -2px 0 cyan;
			}

			20% {
				text-shadow: -2px 0 red, 2px 0 cyan;
			}

			40% {
				text-shadow: 2px 0 red, -2px 0 cyan;
			}

			60% {
				text-shadow: none;
			}

			80% {
				text-shadow: -2px 0 red, 2px 0 cyan;
			}

			100% {
				text-shadow: none;
			}
		}

		/* ===================== MAIN CONTENT ===================== */
		#tj-main-wrapper {
			opacity: 0;
			transition: opacity 1s ease;
		}

		#tj-main-wrapper.tj-is-visible {
			opacity: 1;
		}