/* style.css */

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

body{

  min-height:100vh;

  background:
    linear-gradient(
      135deg,
      #0b1020,
      #151d35,
      #1d294a
    );

  color:white;

  font-family:
    "Yu Gothic",
    "Hiragino Sans",
    sans-serif;
}

.wrapper{

  width:100%;

  display:flex;
  justify-content:center;
  align-items:center;

  padding:120px 20px;
}

.container{

  text-align:center;

  padding:60px;

  border-radius:24px;

  background:
    rgba(255,255,255,0.05);

  backdrop-filter:blur(10px);

  border:
    1px solid rgba(255,255,255,0.1);

  box-shadow:
    0 10px 40px rgba(0,0,0,0.4);

  max-width:700px;
  width:90%;
}

h1{

  font-size:64px;

  margin-bottom:20px;

  letter-spacing:2px;

  text-shadow:
    0 0 15px rgba(120,170,255,0.5);
}

p{

  font-size:20px;

  color:#d7e2ff;

  margin-bottom:14px;
}

.status{

  margin-top:30px;

  display:inline-block;

  padding:10px 18px;

  border-radius:999px;

  background:
    rgba(79,124,255,0.2);

  border:
    1px solid rgba(120,170,255,0.4);

  font-size:14px;

  color:#b9ccff;
}

@media (max-width:1000px){

  body{
    padding-left:0;
    padding-top:120px;
  }

  h1{
    font-size:42px;
  }

  p{
    font-size:16px;
  }

}