/* Additive styles only — globals.css (the approved stylesheet) is untouched.
   Covers the logged-in account-status panel, which did not exist in the
   original Cloudflare-only build (there was no persistent login there). */

#account-status { background:#0b2425; color:#f8f6f0; padding:40px 5%; }
#account-status .account-card { display:flex; gap:28px; align-items:flex-start; max-width:960px; margin:0 auto; flex-wrap:wrap; }
#account-status .account-medal { width:120px; height:120px; object-fit:contain; flex-shrink:0; }
#account-status h3 { margin:6px 0 10px; font-size:28px; }
#account-status .eyebrow { color:#dfbc78; }
#account-status p { margin:0 0 10px; opacity:.92; line-height:1.5; }
#account-status .account-referral { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
#account-status .account-referral input { flex:1 1 260px; padding:10px 12px; border-radius:5px; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06); color:#f8f6f0; font-size:13px; }
#account-status .account-actions { display:flex; gap:18px; flex-wrap:wrap; font-size:13px; }
#account-status .account-actions a { text-decoration:underline; color:#dfbc78; }

/* Simple page shell for verify/recover/delete/privacy/terms standalone pages */
.simple-page { max-width:560px; margin:0 auto; padding:80px 24px; font-family:Arial,Helvetica,sans-serif; color:#142d38; }
.simple-page h1 { font-family:Georgia,'Times New Roman',serif; font-size:32px; margin-bottom:16px; }
.simple-page .card { background:#fff; border:1px solid #e7e1d2; border-radius:10px; padding:28px; margin-top:24px; }
.simple-page .button { display:inline-flex; align-items:center; gap:10px; padding:14px 22px; background:#183945; color:#fff; border:0; border-radius:5px; font-weight:600; font-size:14px; cursor:pointer; text-decoration:none; }
.simple-page .button.gold { background:#dfbc78; color:#15303a; }
.simple-page .status-error { color:#9c3b3b; }
.simple-page .status-ok { color:#2c6e49; }
.simple-page input[type=email] { width:100%; box-sizing:border-box; padding:12px 14px; border:1px solid #d8d2c2; border-radius:6px; font-size:14px; margin-bottom:14px; }
.simple-page .legal { line-height:1.7; }
.simple-page .legal h2 { font-family:Georgia,serif; margin-top:32px; }


/* Relocated founding-waitlist signup section (moved directly below hero) */
.signup { gap: 56px; }
.signup-story > p { margin: 18px 0; }
.signup-benefits { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-direction: column; gap: 13px; }
.signup-benefits li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.6; color: #45504f; }
.signup-benefits svg { flex-shrink: 0; margin-top: 3px; color: #cfae74; }
.qualification { font-size: 10px; line-height: 1.7; color: #8d9492; margin-top: 18px; }
.qualification a { color: #8d723f; text-decoration: underline; }
@media (max-width: 1000px) { .signup { gap: 32px; } }
@media (max-width: 700px) { .signup { gap: 28px; } .signup-benefits { margin-top: 16px; } }

/* Desktop + mobile spacing reduction (Oct 2026 pass) */
@media (min-width: 701px) {
  .hero { min-height: 760px; }
  .hero-content { padding-top: 128px; padding-bottom: 64px; }
  .section.signup { padding: 64px 5.5%; }
  .section.possibilities { padding: 72px 5.5%; }
  .section.faq { padding: 64px 5.5%; }
  .founding { padding: 64px 8%; }
  .vip-invite { padding: 56px 8%; }
  footer { padding: 32px 5.5%; }
  .form-card { padding: 32px; }
}

@media (max-width: 700px) {
  .section.signup { padding: 44px 6%; }
  .section.possibilities { padding: 44px 6%; }
  .section.faq { padding: 44px 6%; }
  .founding { padding: 44px 9%; }
  .vip-invite { padding: 44px 9%; }
  .form-card { padding: 22px 24px; }
}

/* "What happens next?" 3-step explainer section (between possibilities and founding) */
.next-steps { padding: 56px 5.5%; background: var(--paper); }
.steps-heading { max-width: 640px; margin: 0 auto 40px; text-align: center; }
.steps-heading h2 { font-family: Georgia, "Times New Roman", serif; font-size: 34px; color: var(--ink); margin: 10px 0 0; }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; max-width: 980px; margin: 0 auto; }
.step { border-top: 1px solid rgba(207,174,116,0.5); padding-top: 18px; }
.step-num { display: block; font-family: Georgia, serif; font-size: 22px; color: var(--gold); margin-bottom: 10px; }
.step h3 { font-size: 16px; color: var(--ink); margin: 0 0 8px; }
.step p { font-size: 13px; line-height: 1.6; color: #65716f; margin: 0; }
.steps-notice { max-width: 640px; margin: 36px auto 0; font-size: 13px; line-height: 1.6; color: #5c4a2c; background: rgba(207,174,116,0.12); border: 1px solid rgba(207,174,116,0.35); padding: 14px 18px; border-radius: 4px; text-align: center; }
.steps-cta { margin-top: 32px; text-align: center; }
.steps-cta .fine { margin-top: 10px; }

@media (max-width: 700px) {
  .next-steps { padding: 44px 6%; }
  .steps-grid { grid-template-columns: 1fr; gap: 28px; }
  .step { border-top: none; border-left: 2px solid rgba(207,174,116,0.5); padding: 0 0 0 16px; }
}

/* Hero qualification footnote + founding footnote (Oct 2026 copy pass) */
.hero-qualification { font-size: 11.5px; line-height: 1.6; color: rgb(225,216,197); max-width: 380px; margin: 14px 0 0; }
.hero-qualification a { color: var(--gold); text-decoration: underline; }
.founding-footnote { font-size: 12px; line-height: 1.6; color: #65716f; margin: 10px 0 20px; max-width: 440px; }
.founding-footnote a { color: var(--gold); text-decoration: underline; }
.footer-contact { font-size: 12px; margin-top: 8px; }
.footer-contact a { color: inherit; text-decoration: underline; }

/* Resend verification control (Oct 2026 production-readiness pass) */
.resend-btn {
  margin-top: 18px;
  background: transparent;
  border: 1px solid rgba(201,160,78,0.6);
  color: #c9a04e;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.resend-btn:hover:not(:disabled) { background: rgba(201,160,78,0.12); }
.resend-btn:disabled { opacity: 0.55; cursor: default; }
.resend-status { margin-top: 10px; font-size: 12.5px; color: rgb(225,216,197); min-height: 1em; }

/* Returning-member status: badge-save note + already-joined links (Oct 2026) */
#account-status .account-badge-save { background:rgba(255,255,255,.06); border:1px solid rgba(223,188,120,.3); border-radius:8px; padding:14px 16px; margin:14px 0; max-width:560px; }
#account-status .account-badge-save strong { display:block; color:#dfbc78; margin-bottom:6px; font-size:14px; }
#account-status .account-badge-save p { font-size:13px; margin:0 0 6px; opacity:.85; }
#account-status .account-badge-save p:last-child { margin-bottom:0; }
.already-joined-link { display:inline-block; margin-top:14px; font-size:13px; }
.footer-links .already-joined-link { text-decoration:underline; background:none; border:none; color:inherit; font:inherit; cursor:pointer; margin-top:0; display:inline; }

.simple-page .back-to-yaarva { display:inline-block; margin-top:28px; font-size:13px; font-weight:600; color:#183945; text-decoration:underline; }