body {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,191,255,0.4);
  font-family: Arial, sans-serif;
}

.login-container {
  background: #1a1a1a;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 20px 20px 60px #0d0d0d, -20px -20px 60px #272727;
  text-align: center;
  color: #ff00ff;
}

.login-container h2 {
  margin-bottom: 20px;
}

.input-group {
  position: relative;
  margin-bottom: 30px;
}

.input-group input {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 10px;
  background: #1a1a1a;
  box-shadow: inset 5px 5px 10px #0d0d0d, inset -5px -5px 10px #272727;
  color: #fff;
  font-size: 16px;
  outline: none;
}

.input-group label {
  position: absolute;
  top: 10px;
  left: 15px;
  pointer-events: none;
  color: #888;
  font-size: 16px;
  transition: 0.2s;
}

.input-group input:focus + label,
.input-group input:not(:placeholder-shown) + label {
  top: -20px;
  left: 10px;
  font-size: 12px;
  color: #ff00ff;
}

button {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 10px;
  background: #ff00ff;
  color: #1a1a1a;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 5px 5px 15px #0d0d0d, -5px -5px 15px #272727;
  transition: background 0.3s;
}

button:hover {
  background: #e600e6;
}

.forgot-password {
  display: block;
  margin-top: 20px;
  color: #ff00ff;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
}

.forgot-password:hover {
  color: #e600e6;
}

.login-container .a{
position: relative;
margin-top: 20px;
}