.verification-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.verification-row button {
  border: 1px solid #dbe5ff;
  border-radius: 11px;
  background: #eef3ff;
  color: var(--green);
  padding: 0 13px;
  font-weight: 700;
  cursor: pointer;
}

.verification-row button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.auth-forgot {
  display: block;
  margin: 12px auto 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  cursor: pointer;
}

@media (max-width: 440px) {
  .auth-screen {
    display: none;
    padding: max(12px, env(safe-area-inset-top)) 12px max(20px, env(safe-area-inset-bottom));
  }

  .auth-screen.show {
    display: flex;
  }

  .auth-card {
    width: 100%;
    padding: 22px 20px;
    border-radius: 20px;
  }

  .auth-brand {
    margin-bottom: 18px;
  }

  .verification-row {
    grid-template-columns: 1fr;
  }

  .verification-row button {
    min-height: 42px;
  }
}
.auth-screen {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  align-items: start;
  -webkit-overflow-scrolling: touch;
}

.auth-card {
  margin: auto 0;
  flex: 0 0 auto;
}

.auth-steps {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -5px 0 20px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.auth-steps span.active {
  color: var(--green);
}

.auth-steps i {
  flex: 1;
  height: 1px;
  background: var(--line);
}

.auth-hint {
  margin: -3px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.auth-back-step {
  display: block;
  margin: 12px auto 0;
  border: 0;
  background: transparent;
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.role-badge{padding:5px 9px;border-radius:999px;background:#eaf0ff;color:var(--green);font-size:11px;font-weight:800}

.paywall-screen{position:fixed;inset:0;z-index:90;display:none;overflow:auto;padding:42px 22px;background:linear-gradient(135deg,#edf2ff,#f8f9fd)}
.paywall-screen.show{display:block}.paywall-card{width:min(1040px,100%);margin:auto;text-align:center}.paywall-card>h1{margin:10px 0;font-size:34px}.paywall-card>p{color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0 20px;text-align:left}.price-plan{position:relative;display:flex;flex-direction:column;min-height:330px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.price-plan.featured{border:2px solid var(--green);transform:translateY(-8px)}.price-plan>i{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:999px;background:var(--mint);color:var(--green);font-size:11px;font-style:normal;font-weight:800}.price-plan>span{color:var(--green);font-weight:800}.price-plan h2{margin:18px 0}.price-plan h2 b{font:700 30px Outfit,sans-serif}.price-plan h2 small{margin-left:5px;color:var(--muted);font-size:12px}.price-plan p{color:var(--muted);font-size:13px;line-height:1.7}.price-plan .btn{width:100%;margin-top:auto}.payment-note{font-size:12px}.paywall-card>.text-btn{margin-top:10px}
@media(max-width:760px){.paywall-screen{padding:26px 15px}.paywall-card>h1{font-size:27px}.pricing-grid{grid-template-columns:1fr}.price-plan,.price-plan.featured{min-height:260px;transform:none}}