@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Inter',sans-serif;
background:#050505;
color:#fff;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

.bg{
position:fixed;
inset:0;
background:
radial-gradient(circle at top,#222 0%,transparent 40%),
radial-gradient(circle at bottom,#111 0%,transparent 45%);
}

.container{
position:relative;
z-index:2;
max-width:850px;
padding:40px;
text-align:center;
}

.logo{
max-width:220px;
width:100%;
margin-bottom:30px;
}

.tagline{
color:#b5b5b5;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
font-size:0.9rem;
}

h1{
font-size:4rem;
font-weight:800;
margin-bottom:20px;
}

.description{
color:#c8c8c8;
line-height:1.8;
max-width:650px;
margin:0 auto 40px;
}

.notify{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}

.notify input{
width:340px;
padding:16px;
border:none;
border-radius:14px;
outline:none;
}

.notify button{
padding:16px 26px;
border:none;
border-radius:14px;
font-weight:700;
cursor:pointer;
}

.socials{
margin-top:35px;
color:#888;
}

@media(max-width:768px){
h1{
font-size:2.5rem;
}
.logo{
max-width:170px;
}
}