[hidden] { display: none !important; }

.partner-gate {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at top, #fff7df 0, #f7f4ec 42%, #edf1ec 100%);
}

.partner-gate-card {
  width: min(100%, 480px);
  padding: 44px;
  border: 1px solid rgba(18, 70, 48, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 24px 70px rgba(21, 52, 39, .14);
  text-align: center;
}

.partner-gate-card img { width: min(220px, 70%); margin-bottom: 28px; }
.partner-eyebrow { display: block; color: #ad7a14; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.partner-gate-card h1 { margin: 12px 0; color: #154e37; font-size: clamp(25px, 5vw, 34px); }
.partner-gate-card p { color: #52645c; line-height: 1.65; }

.google-login-button,
.partner-secondary-button {
  width: 100%;
  margin-top: 20px;
  padding: 14px 18px;
  border: 0;
  border-radius: 12px;
  background: #176a48;
  color: #fff;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.google-login-button span { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 9px; border-radius: 50%; background: #fff; color: #4285f4; }
.google-login-button:disabled { cursor: wait; opacity: .65; }
.partner-secondary-button { background: #e7eee9; color: #176a48; }
.partner-login-status { min-height: 24px; color: #a3342c !important; }
.partner-account { display: flex; align-items: center; gap: 10px; margin-left: auto; color: #315547; font-size: 13px; }
.partner-account button { padding: 8px 12px; border: 1px solid #cbd9d1; border-radius: 9px; background: #fff; color: #176a48; cursor: pointer; }

@media (max-width: 640px) {
  .partner-gate-card { padding: 32px 22px; }
  .partner-account span { display: none; }
}