/* بوابة الدخول — بويه المجلة فقط (بدون تسويق) */
.auth-magazine {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: radial-gradient(1200px 600px at 50% -10%, #fff7ed 0%, #f6f1ea 45%, #ece4d8 100%);
  position: relative;
  overflow: hidden;
}
.auth-magazine__glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(249,115,22,.12), transparent 40%),
    radial-gradient(circle at 85% 75%, rgba(30,58,95,.08), transparent 35%);
  pointer-events: none;
}
.auth-magazine__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px 80px;
  position: relative;
  z-index: 1;
}
.auth-magazine__strip {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #1e3a5f, #c2410c);
  color: #fff;
  overflow: hidden;
  height: 42px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.auth-magazine__ticker {
  display: flex;
  gap: 48px;
  white-space: nowrap;
  animation: auth-ticker 22s linear infinite;
  font-weight: 700;
  font-size: .92rem;
  padding-inline: 24px;
}
.auth-magazine__ticker span::before {
  content: '◆ ';
  opacity: .7;
}
@keyframes auth-ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.login-card--magazine {
  width: min(440px, calc(100% - 24px));
  border: 1px solid #e7e0d6;
  box-shadow: 0 24px 60px rgba(30, 58, 95, .12);
  border-top: 4px solid #c2410c;
}
.login-brand {
  text-align: center;
  margin-bottom: 18px;
}
.login-brand__logo {
  /* الارتفاع هو القيد لا العرض: ملفّ اللوجو قد يكون طوليًا أو عرضيًا،
     وتحديد العرض وحده يجعل اللوجو الطولي يطول حتى يخرج من الشاشة. */
  height: 110px;
  width: auto;
  max-width: min(180px, 70vw);
  object-fit: contain;
  margin: 0 auto 10px;
  display: block;
}
.platform-logo {
  display: block;
  margin-inline: auto;
}
.platform-logo--full {
  height: 120px;
  width: auto;
  max-width: min(220px, 72vw);
  object-fit: contain;
}
.platform-logo--icon {
  width: 48px;
  height: auto;
}
.login-brand__title {
  font-size: 1rem;
  color: var(--muted);
  margin: 0;
}
.login-card--magazine .btn {
  background: linear-gradient(135deg, #ea580c, #c2410c);
}