body {
	margin: 0;
	padding: 0;
	overflow: hidden; /* Prevent scrollbars due to star animations */
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Rajdhani', sans-serif; /* Use a web-safe space-age font */
	text-align: center;
}

.container {
	position: relative;
	width: 100vw;
	height: 100vh;
	/* Deep space purple/blue gradient */
	background: linear-gradient(180deg, #10082c 0%, #3a0e5b 100%); 
}

.content-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	max-width: 90%;
	padding: 20px;
}

.title {
	font-size: 4em;
	font-weight: 700;
	margin-bottom: 5px;
	color: #FFC0CB; /* Neon pink/red */
	text-shadow: 0 0 10px #FF69B4;
	font-variant: small-caps;
}

.subtitle {
	font-size: 1.5em;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 5px;
	color: #a8a8a8;
}

.years {
	font-size: 1.8em;
	font-weight: 500;
	margin-top: 0;
	color: #64FFDA; /* Neon cyan */
	text-shadow: 0 0 5px #00FFFF;
}

.message   ,
.message a {
	color: #FFFFFF;
}
.message {
	max-width: 600px;
	margin: 20px auto;
	font-size: 1.1em;
	line-height: 1.6;
}
.message a {
	text-decoration:none;
}
.message a:hover {
	text-decoration:underline;
}

.history {
	font-size: 1.2em;
	margin-top: 30px;
	color: #FFFF00; /* Neon yellow */
}

.logo {
	width: 150px; /* Adjust size as needed */
}


/* --- Media Queries for Responsiveness --- */

@media (max-width: 600px) {
    .title {
        font-size: 2.5em;
    }
    .subtitle {
        font-size: 1.2em;
    }
    .years {
        font-size: 1.5em;
    }
    .message {
        font-size: 1em;
    }
}