body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:#0b1220;
color:white;
overflow:hidden;
}

.bg{
position:absolute;
width:200%;
height:200%;
background:radial-gradient(circle at 30% 30%, #0f1c3f, #020617);
animation:moveBg 20s infinite linear;
}

@keyframes moveBg{
0%{transform:translate(0,0);}
50%{transform:translate(-200px,-100px);}
100%{transform:translate(0,0);}
}

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

.logo{
width:181px;
margin-bottom:25px;
animation:float 4s ease-in-out infinite;
}

@keyframes float{
0%{transform:translateY(0);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0);}
}

h1{
font-size:55px;
font-weight:400;
margin:20px 0;
}

p{
font-size:18px;
color:#cbd5e1;
letter-spacing:1px;
line-height:1.6;
}

.email{
margin-top:20px;
font-size:22px;
font-weight:bold;
color:#38bdf8;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

@media(max-width:768px){
h1{font-size:34px;}
p{font-size:16px;}
.logo{width:130px;}
}