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

body{

  font-family:'Poppins',sans-serif;

  min-height:100vh;

  display:flex;

  justify-content:center;

  align-items:center;

  background:
  radial-gradient(circle at top left,#312e81,#0f172a 40%),
  radial-gradient(circle at bottom right,#581c87,#0f172a 60%);
}


.btn{
      display:inline-block;
      margin-top:30px;
      padding:14px 28px;
      border-radius:10px;
      text-decoration:none;
      color:white;
      background:linear-gradient(
      45deg,
      #8b5cf6,
      #ec4899
      );
      background-size:200% 200%;
      animation:gradientMove 4s ease infinite;
    }
.auth-container{
  width:100%;
  padding:20px;
}

.auth-card{

  max-width:450px;

  margin:auto;

  padding:40px;

  border-radius:20px;

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

  backdrop-filter:blur(10px);

  color:white;
}

.auth-card h1{

  text-align:center;

  color:#8b5cf6;

  margin-bottom:10px;
}

.auth-card h2{

  text-align:center;

  margin-bottom:30px;
}

.auth-card form{

  display:flex;

  flex-direction:column;

  gap:15px;
}

.auth-card input{

  padding:14px;

  border:none;

  border-radius:10px;
}

.auth-card a{

  color:#8b5cf6;

  text-decoration:none;
}

.auth-card button{

  padding:14px;

  border:none;

  border-radius:10px;

  background:#8b5cf6;

  color:white;

  cursor:pointer;
  
}

.auth-card p{

  text-align:center;

  margin-top:20px;
}