body{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:radial-gradient(circle at top,#edf2ff 0,#dbe4ff 45%,#ced4da 100%);
}
.container{
  max-width:420px;
}
.login-card{
  width:100%;
  border-radius:18px;
  box-shadow:0 18px 55px rgba(15,23,42,0.25);
  overflow:hidden;
  border:1px solid rgba(148,163,184,0.35);
  background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);
}
.login-header{
  background:linear-gradient(135deg,#1c7ed6 0%, #1864ab 100%);
  color:#fff;
  padding:22px 22px 18px;
  text-align:center;
}
.login-header h1{
  margin:0;
  font-size:1.35rem;
  font-weight:900;
  letter-spacing:-0.3px;
}
.btn-login{
  background:#1c7ed6;
  border:none;
  color:#fff;
  padding:11px 12px;
  font-weight:800;
  border-radius:999px;
  box-shadow:0 10px 30px rgba(28,126,214,0.45);
}
.btn-login:hover{background:#1864ab;color:#fff;}