.auth-page {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
}

.login-form-wrapper {
  background: #0f1113;
  color: #fff;
  padding: 28px;
  border-radius: 10px;
  max-width: 420px;
  width: 100%;
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
}

.login-form-wrapper h2 {
  margin: 0 0 14px 0;
  font-weight: 600;
}

.login-form-wrapper label { 
  display:block; 
  margin:10px 0 6px; 
  font-size:0.9rem; 
}

.login-form-wrapper p {
    margin: 10px 0;
    line-height: 1.5;
    color: #d7d7d7;
}

.login-form-wrapper a { 
  color:#cfeeff; 
  text-decoration:underline; 
}

.login-form-wrapper input[type="text"],

.login-form-wrapper input[type="password"],

.login-form-wrapper input[type="email"] {
  width:100%; 
  padding:10px 12px; 
  border-radius:6px; 
  border:1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02); 
  color:#fff; box-sizing:border-box;
}

.login-actions { 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  margin-top:14px; 
  gap:12px; 
}

.btn-primary { 
  background:#2b9cff; 
  color:#fff; 
  border:none; 
  padding:10px 14px; 
  border-radius:6px; 
  cursor:pointer; 
}

.password-reset-link { 
  color:#cfeeff; 
  text-decoration:underline; 
  font-size:0.92rem; 
}

.form-errors { 
  background:#ffecec; 
  color:#a80000; 
  padding:8px 10px; 
  border-radius:6px; 
  margin-bottom:10px; 
}

.back-to-login { 
  color:#cfeeff; 
  text-decoration:underline; 
  font-size:0.92rem; 
}

@media (max-width: 480px) {
    .login-form-wrapper { padding: 20px; }
    .login-form-wrapper h2 { font-size: 1.2rem; }
}