/* ================================
   LOGIN PAGE
================================ */
.login-page{
  min-height:100vh;
  background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
  display:flex;
  justify-content:center;
  align-items:center;
}

/* BOX */
.login-box{
  width:100%;
  max-width:360px;
  padding:30px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
  text-align:center;
}

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

/* INPUT (OVERRIDE GLOBAL) */
.login-box input{
  width:100%;
  padding:12px;
  margin:8px 0;
  border-radius:6px;
  border:1px solid #ccc;
  background:#fff;
  color:#000;
}

/* REMEMBER */
.remember{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0;
  font-size:14px;
}

.remember input{
  width:16px !important;
  height:16px !important;
}

/* BUTTON */
.login-box button{
  width:100%;
  padding:12px;
  background:linear-gradient(135deg,#667eea,#5a67d8);
  color:#fff;
  border-radius:8px;
  font-weight:bold;
}

/* ERROR */
#error{
  color:#ef4444;
  font-size:13px;
  margin-top:10px;
  text-align:left;
}