/* Center the page vertically & horizontally */
.auth-page {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Compact card */
.auth-card {
  width: 100%;
  max-width: 420px;
  background: #262626;            /* neutral-800 */
  color: #e5e5e5;                  /* neutral-200 */
  padding: 1.25rem 1rem;           /* p-5-ish */
  border-radius: 0.75rem;          /* rounded-lg/2xl */
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  border: 1px solid #3f3f46;       /* neutral-700 */
}

/* Headings */
.auth-card h2 {
  margin: 0 0 1rem;
  font-size: 1.5rem;               /* text-2xl */
  font-weight: 800;
  text-align: center;
  color: #fff;
}

/* Labels + inputs */
.auth-label {
  display: block;
  font-size: 0.875rem;
  color: #d4d4d8;                  /* neutral-300 */
  margin-bottom: 0.25rem;
}

.auth-input {
  width: 100%;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #52525b;       /* neutral-600 */
  background: #3f3f46;             /* neutral-700 */
  color: #fff;
  outline: none;
}
.auth-input:focus {
  border-color: #f87171;           /* red-400 */
  box-shadow: 0 0 0 3px rgba(248,113,113,0.25);
}

/* Buttons (scoped to auth card ONLY to avoid navbar issues) */
.auth-card .btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%;
  padding:0.65rem 0.75rem;
  border-radius:0.5rem; font-weight:600;
  text-decoration:none; border:none; cursor:pointer;
}
.auth-card .btn-red   { background:#dc2626; color:#fff; }
.auth-card .btn-red:hover   { background:#ef4444; }
.auth-card .btn-white { background:#ffffff; color:#111827; }
.auth-card .btn-white:hover { background:#f5f5f5; }

/* Divider */
.divider { display:flex; align-items:center; margin:1rem 0; }
.divider::before, .divider::after { content:""; flex:1; height:1px; background:#3f3f46; }
.divider span { margin:0 .75rem; color:#a3a3a3; font-size:.875rem; }

/* Remember me row */
.auth-remember { display:flex; align-items:center; gap:.5rem; font-size:.875rem; color:#d4d4d8; }

/* Links under forms */
.auth-foot { margin-top:1rem; text-align:center; font-size:.9rem; color:#a3a3a3; }
.auth-foot a { color:#fca5a5; text-decoration:none; }
.auth-foot a:hover { color:#fecaca; }

/* Tiny Google icon */
.google-icon { width:20px; height:20px; display:inline-block; margin-right:8px; }