*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: 'Poppins', sans-serif;
}

body{
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background: linear-gradient(135deg,#0f2027,#203a43,#2c5364);
  color:#fff;
  text-align:center;
  padding:20px;
}

.container{
  max-width:600px;
}

h1{
  font-size:42px;
  margin-bottom:15px;
  font-weight:600;
}

p{
  font-size:16px;
  opacity:0.9;
  margin-bottom:25px;
}

.loader{
  width:60px;
  height:60px;
  border:6px solid rgba(255,255,255,0.3);
  border-top:6px solid #ffffff;
  border-radius:50%;
  margin:0 auto 25px;
  animation: spin 1s linear infinite;
}

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

.social{
  margin-top:20px;
}

.social a{
  text-decoration:none;
  color:#fff;
  margin:0 10px;
  font-size:14px;
  border:1px solid #fff;
  padding:8px 15px;
  border-radius:30px;
  transition:0.3s;
}

.social a:hover{
  background:#fff;
  color:#2c5364;
}

.footer{
  position:absolute;
  bottom:20px;
  font-size:14px;
  opacity:0.7;
}

/* Responsive */
@media(max-width:500px){
  h1{
    font-size:28px;
  }
  p{
    font-size:14px;
  }
}