body{
  margin:0;
  font-family: Arial, sans-serif;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg,#5b6fd6,#6a4fb3);
}

.login-wrapper{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.login-card{
  width:380px;
  background:#fff;
  border-radius:16px;
  padding:30px 28px;
  box-shadow: 0 24px 56px rgba(0,0,0,.18);
  text-align:center;
}

.subtitle{
  margin-top:6px;
  color:#6b7280;
  font-size:14px;
  margin-bottom:18px;
}

.input{
  width:100%;
  padding:12px;
  border-radius:10px;
  border:1px solid #d1d5db;
  margin-bottom:14px;
}

.btn-primary{
  width:100%;
  padding:12px;
  border:none;
  border-radius:10px;
  background:#5b6fd6;
  color:#fff;
  cursor:pointer;
}

.error{
  background:#fee2e2;
  color:#991b1b;
  padding:10px 12px;
  border-radius:10px;
  margin: 0 0 12px;
  font-size: 13px;
}

label{
  display:block;
  text-align:left;
  margin: 10px 0 6px;
  font-size: 13px;
  color:#111827;
}