*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:Arial, Helvetica, sans-serif;
background:
linear-gradient(
180deg,
#0f0f0f,
#1b1b1b);
color:white;
min-height:100vh;
}
header{
padding:30px;
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{
font-size:28px;
font-weight:bold;
letter-spacing:4px;
}
nav{
display:flex;
gap:20px;
}
nav a{
color:white;
text-decoration:none;
opacity:0.8;
}
nav a:hover{
opacity:1;
}
.hero{
text-align:center;
padding:120px 20px;
}
.hero h1{
font-size:72px;
margin-bottom:20px;
}
.hero p{
color:#bbb;
margin-bottom:40px;
font-size:20px;
}
.btn{
display:inline-block;
padding:16px 34px;
background:darkorange;
color:black;
text-decoration:none;
border-radius:14px;
font-weight:bold;
transition:0.3s;
}
.btn:hover{
transform:translateY(-4px);
}
footer{
text-align:center;
padding:40px;
color: