*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}
body{
background:radial-gradient(circle at top,#08192f,#000814);
color:#ffffff;
line-height:1.7;
}

/* HEADER */
header{
padding:28px 80px;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(0,0,0,0.3);
backdrop-filter:blur(6px);
}
.logo{
font-family:Orbitron,sans-serif;
font-size:34px;
font-weight:700;
letter-spacing:3px;
}
.logo span:first-child{color:#ffffff}
.logo span:last-child{color:#00c8ff}

nav a{
margin-left:28px;
color:#cfd8dc;
text-decoration:none;
font-weight:500;
}
nav a:hover{color:#00c8ff}

/* BUTTON */
.btn{
display:inline-block;
margin-top:25px;
padding:14px 42px;
background:linear-gradient(135deg,#0077ff,#00c8ff);
border-radius:50px;
color:#fff;
font-weight:600;
text-decoration:none;
box-shadow:0 0 30px rgba(0,180,255,.6);
}

/* SECTIONS */
section{padding:110px 80px}
h1{font-size:56px}
h2{font-size:42px;margin-bottom:20px}
p{color:#cfd8dc;font-size:16px;max-width:1000px}

/* FOOTER */
footer{
text-align:center;
padding:30px;
color:#607d8b;
font-size:14px;
}

@media(max-width:900px){
header{padding:25px}
section{padding:70px 25px}
h1{font-size:40px}
}