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

body{
	overflow-x:hidden;
	background:#0b0f19;
	color:white;
}

.parallax{
	position:relative;
	height:100vh;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.bg{
	position:absolute;
	inset:0;
	background:url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2070&auto=format&fit=crop')
	center/cover no-repeat;
	transform:translateZ(0);
	will-change:transform;
}

.overlay{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.55);
}

.content{
	position:relative;
	z-index:2;
	padding:20px;
}

h1{
	font-size:clamp(3rem, 8vw, 7rem);
	letter-spacing:5px;
	text-transform:uppercase;
	margin-bottom:20px;
}

p{
	font-size:1.2rem;
	opacity:0.85;
	margin-bottom:30px;
}

.btn{
	display:inline-block;
	padding:14px 32px;
	border:2px solid white;
	color:white;
	text-decoration:none;
	border-radius:50px;
	transition:0.3s;
}

.btn:hover{
	background:white;
	color:#111;
}

.scroll-section{
	min-height:100vh;
	background:#111827;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:40px;
	text-align:center;
}

.card{
	max-width:700px;
}

.card h2{
	font-size:3rem;
	margin-bottom:20px;
}

.card p{
	line-height:1.8;
	color:#cbd5e1;
}