*, *::before, *::after {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		html, body {
			height: 100%;
			overflow: hidden;
		}

		body {
			background:
				radial-gradient(ellipse at 20% 75%, rgba(100, 40, 180, 0.13) 0%, transparent 50%),
				radial-gradient(ellipse at 80% 25%, rgba(30, 70, 200, 0.09) 0%, transparent 50%),
				radial-gradient(ellipse at 50% 100%, #1b2735 0%, #090a0f 65%);
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 100vh;
		}

		main {
			position: relative;
			z-index: 10;
			text-align: center;
			user-select: none;
			padding: 1.5rem;
			max-width: 100vw;
		}

		.domain {
			color: rgba(255, 255, 255, 0.22);
			font-family: 'Courier New', Courier, monospace;
			font-size: clamp(0.55rem, 2.5vw, 0.8rem);
			letter-spacing: clamp(0.2em, 1vw, 0.5em);
			margin-bottom: clamp(0.8rem, 2vw, 1.4rem);
			text-transform: lowercase;
			white-space: nowrap;
		}

		.wip {
			color: rgba(255, 255, 255, 0.82);
			font-family: 'Courier New', Courier, monospace;
			font-size: clamp(0.8rem, 4vw, 1.25rem);
			letter-spacing: clamp(0.1em, 0.8vw, 0.22em);
			text-shadow:
				0 0 8px  rgba(255, 255, 255, 0.55),
				0 0 28px rgba(180, 210, 255, 0.30);
			animation: glow 4s ease-in-out infinite alternate;
		}

		@keyframes glow {
			from {
				text-shadow:
					0 0 8px  rgba(255, 255, 255, 0.55),
					0 0 28px rgba(180, 210, 255, 0.30);
			}
			to {
				text-shadow:
					0 0 14px rgba(255, 255, 255, 0.95),
					0 0 50px rgba(180, 210, 255, 0.55),
					0 0 80px rgba(150, 190, 255, 0.20);
			}
		}