body{
  margin:0;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:
  radial-gradient(
    circle at top,
    rgba(0,255,180,.15),
    transparent 40%
  ),
  #020617;
  font-family:Inter,sans-serif;
}

.login-card{

  width:420px;

  padding:50px;

  background:
  rgba(8,17,40,.95);

  border:1px solid
  rgba(255,255,255,.08);

  border-radius:24px;

  backdrop-filter:blur(18px);

  box-shadow:
  0 30px 80px rgba(0,0,0,.45);

}

.login-badge{

  font-size:11px;

  letter-spacing:.25em;

  color:#7dd3fc;

  margin-bottom:16px;

}

.login-card h1{

  color:white;

  margin:0 0 15px;

  font-size:38px;

}

.login-card p{

  color:#94a3b8;

  line-height:1.6;

  margin-bottom:30px;

}

.login-card input{

  width:100%;

  padding:16px;

  border-radius:12px;

  border:none;

  margin-bottom:18px;

  background:#071124;

  color:white;

  box-sizing:border-box;

}

.login-card button{

  width:100%;

  padding:16px;

  border:none;

  border-radius:12px;

  font-weight:700;

  cursor:pointer;

  background:
  linear-gradient(
    90deg,
    #22d3ee,
    #38bdf8
  );

}

.login-error{

  color:#ef4444;

  margin-top:16px;

}