*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:Poppins,sans-serif;
background:linear-gradient(135deg,#052d5b,#0b4f9f);
height:100vh;
overflow:hidden;
color:white;

}

.background{

position:absolute;
width:100%;
height:100%;

background-image:

radial-gradient(circle at 10% 20%,rgba(255,255,255,.05),transparent 20%),
radial-gradient(circle at 80% 30%,rgba(255,255,255,.05),transparent 15%),
radial-gradient(circle at 70% 80%,rgba(255,255,255,.05),transparent 15%),
radial-gradient(circle at 20% 80%,rgba(255,255,255,.05),transparent 20%);

animation:move 18s linear infinite;

}

@keyframes move{

0%{transform:translateY(0px);}
50%{transform:translateY(-25px);}
100%{transform:translateY(0px);}

}

.hero{

position:relative;
z-index:5;

height:100vh;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

padding:30px;

}

.logo{

width:420px;
max-width:90%;

margin-bottom:40px;

animation:flutuar 5s ease-in-out infinite;

}

@keyframes flutuar{

0%{transform:translateY(0);}
50%{transform:translateY(-10px);}
100%{transform:translateY(0);}

}

h1{

font-size:52px;
font-weight:800;

max-width:900px;

}

p{

font-size:22px;

margin-top:25px;

opacity:.9;

max-width:700px;

}

.email-box{

margin-top:50px;

display:flex;

gap:10px;

}

.email-box input{

width:340px;

padding:18px;

border-radius:50px;

border:none;

font-size:18px;

}

.email-box button{

padding:18px 35px;

background:#ff9f1a;

color:white;

font-size:18px;

border:none;

border-radius:50px;

cursor:pointer;

transition:.3s;

}

.email-box button:hover{

background:#ffb84d;

transform:scale(1.05);

}

.social{

margin-top:50px;

display:flex;

gap:35px;

}

.social a{

color:white;

text-decoration:none;

opacity:.8;

transition:.3s;

}

.social a:hover{

opacity:1;

transform:translateY(-3px);

}

@media(max-width:700px){

.logo{

width:280px;

}

h1{

font-size:34px;

}

p{

font-size:18px;

}

.email-box{

flex-direction:column;

width:100%;

}

.email-box input{

width:100%;

}

}