.login-container {
  max-width: 400px;
  margin: 80px auto;
  padding: 40px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  font-family: 'Instrument Sans', sans-serif;
  text-align: center;
}
.login-title{ 
  font-size: 24px; 
  margin-bottom: 10px; 
}
.login-subtitle{ 
  color: #666; 
  font-size: 14px; 
  margin-bottom: 30px; 
}
.form-group{ 
  margin-bottom: 20px; 
  text-align: left;
}
.form-group label{ display: block; font-size: 12px; font-weight: bold; margin-bottom: 8px; text-transform: uppercase; }
.form-group input{ 
  width: 100%; 
  padding: 12px; 
  border: 1px solid #ddd; 
  border-radius: 4px; 
  font-size: 14px; 
  box-sizing: border-box; 
}
.form-group input:focus{ 
  border-color: black; 
  outline: none; 
}
.btn-black{
  width: 100%; 
  background: black; 
  color: white; 
  padding: 14px;
  border: none; 
  border-radius: 4px; 
  font-weight: bold; 
  cursor: pointer;
  text-transform: uppercase; 
  letter-spacing: 1px; 
  margin-top: 10px;
}
.btn-black:hover{ 
  background: #333; 
}
.error-msg{ 
  background: #fee2e2; 
  color: #dc2626; 
  padding: 10px; 
  border-radius: 4px; 
  font-size: 13px; 
  margin-bottom: 20px; 
}
.login-footer{ 
  margin-top: 20px; 
  font-size: 13px; 
  color: #666; 
}
.login-footer a{ 
  color: black; 
  font-weight: bold; 
}