*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'Montserrat',sans-serif;
}

body{
	min-height:100vh;
	background:#0f0f0f;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.background{
	position:fixed;
	inset:0;
	background:
					radial-gradient(circle at top right,#ff1e1e33,transparent 30%),
					radial-gradient(circle at bottom left,#ff1e1e22,transparent 25%),
					#0f0f0f;
}

.container{
	position:relative;
	z-index:2;
	width:min(90%,800px);
	padding:40px;
	overflow:hidden;
}

.logo{
	max-width:420px;
	width:100%;
	margin-bottom:25px;
}

.badge{
	display:inline-block;
	padding:10px 18px;
	border:1px solid rgba(255,255,255,.15);
	border-radius:30px;
	background:rgba(255,255,255,.05);
	margin:25px;
	font-size:14px;
	letter-spacing:1px;
}

h1{
	font-size:3rem;
	margin-bottom:15px;
	font-weight:800;
}

.highlight{
	color:#ff2b2b;
}

p{
	color:#cfcfcf;
	line-height:1.8;
	margin-bottom:30px;
}

.contact-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:15px;
}

.contact-item{
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.1);
	padding:15px 20px;
	border-radius:12px;
	min-width:220px;
}

.contact-item strong{
	display:block;
	color:#ff2b2b;
	margin-bottom:5px;
}

.contact-item a
{
	text-decoration: none;
	color:#cfcfcf;
}

footer{
	margin-top:40px;
	color:#888;
	font-size:13px;
}

@media(max-width:768px){
	h1{
		font-size:2rem;
	}
}