/* ─── Auth Page ─────────────────────────────────────────────────────────── */

.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
  position: relative;
  overflow: hidden;
}

/* Honeycomb background pattern */
.auth-page::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(248,194,0,.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(230,118,16,.1) 0%, transparent 50%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 0L60 17.3V34.6L30 52L0 34.6V17.3Z' fill='none' stroke='rgba(248,194,0,0.06)' stroke-width='1'/%3E%3C/svg%3E");
  background-size: auto, auto, 60px 52px;
  pointer-events: none;
}

.auth-container {
  width: 100%;
  max-width: 420px;
  padding: 1rem;
  position: relative;
  z-index: 1;
}

.auth-card {
  background: var(--light-bg);
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 20px 60px rgba(0,0,0,.4);
  border: 1px solid rgba(255,255,255,.1);
}

.auth-logo {
  text-align: center;
  margin-bottom: 2rem;
}

.auth-logo .logo-hex {
  width: 72px; height: 72px;
  background: var(--cream);
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-bottom: .75rem;
  box-shadow: 0 8px 24px rgba(230,118,16,.35);
  overflow: hidden;
}

.auth-logo h1 {
  font-family: var(--font-head);
  font-size: 1.8rem;
  color: var(--dark);
}

.auth-logo .auth-subtitle {
  font-size: .82rem;
  color: var(--mid);
  margin-top: .2rem;
}

.auth-form .form-group { margin-bottom: 1.2rem; }

.auth-form .form-control {
  padding: .75rem 1rem;
  font-size: .95rem;
  border-radius: 10px;
  border: 2px solid var(--cream);
  background: white;
}
.auth-form .form-control:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(230,118,16,.15);
}

.auth-submit {
  width: 100%;
  padding: .85rem;
  font-size: 1rem;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--orange), #cf640c);
  border: none;
  color: white;
  font-weight: 800;
  cursor: pointer;
  letter-spacing: .02em;
  transition: transform .15s, box-shadow .15s;
  margin-top: .5rem;
}
.auth-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(230,118,16,.35);
}

.auth-remember {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .85rem;
  color: var(--mid);
  cursor: pointer;
}
.auth-remember input { accent-color: var(--orange); }

/* Decorative elements */
.auth-decoration {
  position: absolute;
  pointer-events: none;
}
.auth-decoration.top-left {
  top: 5%; left: 5%;
  font-size: 4rem;
  opacity: .15;
  transform: rotate(-20deg);
}
.auth-decoration.bottom-right {
  bottom: 5%; right: 5%;
  font-size: 5rem;
  opacity: .1;
  transform: rotate(15deg);
}