/*
Theme Name: Strong Men Praying
Theme URI: https://www.strongmenpraying.com
Description: A custom dark theme with gold accents for the Strong Men Praying men's Bible study and prayer ministry.
Version: 1.0
Author: Strong Men Praying
Author URI: https://www.strongmenpraying.com
License: All Rights Reserved
Text Domain: smp
*/

/* ========= RESET & VARIABLES ========= */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg-primary: #0C0A09;
  --bg-secondary: #1A1714;
  --bg-card: #221F1A;
  --bg-accent: #2A2520;
  --gold: #C8A24E;
  --gold-light: #E8C96A;
  --gold-dim: #8B7034;
  --text-primary: #F5F0E8;
  --text-secondary: #B8AFA2;
  --text-muted: #7A7269;
  --white: #FFFCF5;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Outfit', system-ui, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--sans);
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ========= ANIMATIONS ========= */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ========= NAV ========= */
.smp-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 20px 0;
  transition: all 0.4s ease;
  animation: slideDown 0.8s ease;
}
.smp-nav.scrolled {
  background: rgba(12, 10, 9, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 14px 0;
  border-bottom: 1px solid rgba(200, 162, 78, 0.1);
}
.smp-nav .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}
.nav-brand svg {
  width: 36px;
  height: 36px;
  color: var(--gold);
}
.nav-brand span {
  font-family: var(--serif);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.02em;
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
}
.nav-links a {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-secondary);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: color 0.3s;
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--gold);
  transition: width 0.3s ease;
}
.nav-links a:hover { color: var(--gold-light); }
.nav-links a:hover::after { width: 100%; }
.nav-cta {
  background: var(--gold);
  color: var(--bg-primary) !important;
  padding: 10px 24px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: all 0.3s;
}
.nav-cta:hover {
  background: var(--gold-light) !important;
  color: var(--bg-primary) !important;
  transform: translateY(-1px);
}
.nav-cta::after { display: none !important; }

/* Nav Dropdown */
.nav-dropdown { position: relative; }
.nav-dropdown-trigger {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.nav-dropdown-trigger svg { transition: transform 0.3s; }
.nav-dropdown:hover .nav-dropdown-trigger svg { transform: rotate(180deg); }
.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  min-width: 280px;
  background: rgba(26, 23, 20, 0.97);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(200, 162, 78, 0.12);
  border-radius: 8px;
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(8px);
  transition: all 0.3s ease;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  max-height: 420px;
  overflow-y: auto;
  z-index: 1001;
}
.nav-dropdown:hover .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.nav-dropdown-menu a {
  display: block;
  padding: 10px 24px;
  font-size: 0.82rem;
  font-weight: 400;
  color: var(--text-secondary);
  letter-spacing: 0.02em;
  text-transform: none;
  transition: all 0.2s;
  white-space: nowrap;
}
.nav-dropdown-menu a::after { display: none; }
.nav-dropdown-menu a:hover {
  color: var(--gold-light);
  background: rgba(200, 162, 78, 0.06);
  padding-left: 28px;
}
.nav-dropdown-menu::-webkit-scrollbar { width: 4px; }
.nav-dropdown-menu::-webkit-scrollbar-track { background: transparent; }
.nav-dropdown-menu::-webkit-scrollbar-thumb { background: rgba(200, 162, 78, 0.2); border-radius: 4px; }

.mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}
.mobile-toggle span {
  width: 24px;
  height: 2px;
  background: var(--text-primary);
  border-radius: 2px;
  transition: all 0.3s;
}

/* Mobile Menu */
.nav-links.open {
  display: flex !important;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(12,10,9,0.97);
  padding: 24px;
  gap: 20px;
  border-bottom: 1px solid rgba(200,162,78,0.1);
}

/* ========= BUTTONS ========= */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gold);
  color: var(--bg-primary);
  padding: 16px 36px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  font-family: var(--sans);
}
.btn-primary:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(200, 162, 78, 0.25);
  color: var(--bg-primary);
}
.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--text-primary);
  padding: 16px 36px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid rgba(200, 162, 78, 0.3);
  transition: all 0.3s;
  cursor: pointer;
  font-family: var(--sans);
}
.btn-secondary:hover {
  border-color: var(--gold);
  color: var(--gold-light);
  transform: translateY(-2px);
}

/* ========= HERO ========= */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 120px 0 80px;
}
.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(200, 162, 78, 0.06) 0%, transparent 70%),
    radial-gradient(ellipse 50% 80% at 20% 80%, rgba(200, 162, 78, 0.03) 0%, transparent 60%);
}
.hero .container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.hero-content { max-width: 560px; }
.hero-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 28px;
  animation: fadeUp 0.8s ease 0.2s both;
}
.hero-label::before {
  content: '';
  width: 40px;
  height: 1px;
  background: var(--gold);
}
.hero h1 {
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5.5vw, 4.2rem);
  font-weight: 600;
  line-height: 1.1;
  color: var(--white);
  margin-bottom: 24px;
  animation: fadeUp 0.8s ease 0.35s both;
}
.hero h1 em {
  font-style: italic;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-desc {
  font-size: 1.1rem;
  color: var(--text-secondary);
  line-height: 1.75;
  margin-bottom: 40px;
  animation: fadeUp 0.8s ease 0.5s both;
}
.hero-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  animation: fadeUp 0.8s ease 0.65s both;
}
.hero-visual {
  position: relative;
  animation: fadeIn 1.2s ease 0.6s both;
}
.hero-image-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.hero-image-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(200, 162, 78, 0.15);
  border-radius: 8px;
  z-index: 2;
  pointer-events: none;
}
.hero-image-wrapper img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: 8px;
  filter: brightness(0.7) contrast(1.1);
}
.hero-image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(12, 10, 9, 0.7) 100%);
  border-radius: 8px;
  z-index: 1;
}
.hero-stat-card {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  z-index: 3;
  display: flex;
  gap: 32px;
  background: rgba(12, 10, 9, 0.85);
  backdrop-filter: blur(16px);
  padding: 20px 28px;
  border-radius: 6px;
  border: 1px solid rgba(200, 162, 78, 0.1);
}
.hero-stat { text-align: center; flex: 1; }
.hero-stat-num {
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--gold);
}
.hero-stat-label {
  font-size: 0.72rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 2px;
}

/* ========= SECTION COMMON ========= */
.section-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 20px 0;
}
.section-divider span {
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-dim), transparent);
}
.section-divider svg {
  width: 20px;
  height: 20px;
  color: var(--gold-dim);
}
.section-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 20px;
}
.section-label::before {
  content: '';
  width: 30px;
  height: 1px;
  background: var(--gold);
}
.section-label-center {
  justify-content: center;
}
.section-label-center::before { display: none; }

/* ========= ABOUT ========= */
.about { padding: 100px 0; }
.about .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.about h2 {
  font-family: var(--serif);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 600;
  line-height: 1.15;
  color: var(--white);
  margin-bottom: 24px;
}
.about-text {
  color: var(--text-secondary);
  font-size: 1.02rem;
  line-height: 1.8;
  margin-bottom: 16px;
}
.about-image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.about-image-grid img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 6px;
  filter: brightness(0.75);
  transition: filter 0.4s;
}
.about-image-grid img:hover { filter: brightness(0.9); }
.about-image-grid img:first-child {
  grid-row: 1 / 3;
  height: 100%;
}

/* ========= SCHEDULE ========= */
.schedule {
  padding: 100px 0;
  background: var(--bg-secondary);
  position: relative;
}
.schedule::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 162, 78, 0.15), transparent);
}
.schedule-header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 64px;
}
.schedule-header h2, .pillars-header h2, .testimonials-header h2 {
  font-family: var(--serif);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 600;
  color: var(--white);
  margin-bottom: 16px;
}
.schedule-header p, .pillars-header p {
  color: var(--text-secondary);
  font-size: 1.05rem;
  line-height: 1.7;
}
.schedule-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 700px;
  margin: 0 auto;
}
.schedule-card {
  background: var(--bg-card);
  border: 1px solid rgba(200, 162, 78, 0.08);
  border-radius: 8px;
  padding: 40px 32px;
  text-align: center;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.schedule-card::before {
  content: '';
  position: absolute;
  top: 0; left: 50%; transform: translateX(-50%);
  width: 60px; height: 2px;
  background: var(--gold);
  opacity: 0;
  transition: opacity 0.4s;
}
.schedule-card:hover {
  border-color: rgba(200, 162, 78, 0.2);
  transform: translateY(-4px);
}
.schedule-card:hover::before { opacity: 1; }
.schedule-day {
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 8px;
}
.schedule-time {
  font-size: 0.95rem;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 16px;
}
.schedule-desc {
  font-size: 0.88rem;
  color: var(--text-muted);
  line-height: 1.6;
}
.schedule-platform {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  font-size: 0.78rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.schedule-platform svg { width: 14px; height: 14px; }

/* ========= PILLARS ========= */
.pillars { padding: 100px 0; }
.pillars-header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 64px;
}
.pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pillar-card {
  background: var(--bg-secondary);
  border: 1px solid rgba(200, 162, 78, 0.06);
  border-radius: 8px;
  padding: 48px 36px;
  text-align: center;
  transition: all 0.4s;
}
.pillar-card:hover {
  transform: translateY(-6px);
  border-color: rgba(200, 162, 78, 0.15);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.pillar-icon {
  width: 64px; height: 64px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(200, 162, 78, 0.08);
  border: 1px solid rgba(200, 162, 78, 0.15);
}
.pillar-icon svg { width: 28px; height: 28px; color: var(--gold); }
.pillar-card h3 {
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 14px;
}
.pillar-card p {
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.7;
}

/* ========= CURRICULUM ========= */
.curriculum {
  padding: 100px 0;
  background: var(--bg-secondary);
  position: relative;
}
.curriculum::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 162, 78, 0.15), transparent);
}
.curriculum .container {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 80px;
  align-items: start;
}
.curriculum h2 {
  font-family: var(--serif);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 600;
  color: var(--white);
  margin-bottom: 16px;
}
.curriculum-desc {
  color: var(--text-secondary);
  font-size: 1.02rem;
  line-height: 1.7;
  margin-bottom: 32px;
}
.topic-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.topic-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: var(--bg-card);
  border-radius: 6px;
  border: 1px solid rgba(200, 162, 78, 0.06);
  font-size: 0.88rem;
  color: var(--text-secondary);
  transition: all 0.3s;
}
.topic-item:hover {
  border-color: rgba(200, 162, 78, 0.15);
  color: var(--text-primary);
}
.topic-item svg { width: 16px; height: 16px; color: var(--gold); flex-shrink: 0; }

/* ========= TESTIMONIALS ========= */
.testimonials { padding: 100px 0; }
.testimonials-header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 64px;
}
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.testimonial-card {
  background: var(--bg-secondary);
  border: 1px solid rgba(200, 162, 78, 0.06);
  border-radius: 8px;
  padding: 40px 32px;
}
.testimonial-quote {
  font-family: var(--serif);
  font-size: 3rem;
  color: var(--gold-dim);
  line-height: 1;
  margin-bottom: 8px;
}
.testimonial-card p {
  color: var(--text-secondary);
  font-size: 0.98rem;
  line-height: 1.75;
  font-style: italic;
  margin-bottom: 24px;
}
.testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}
.testimonial-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(200, 162, 78, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--gold);
}
.testimonial-name { font-weight: 600; color: var(--text-primary); font-size: 0.92rem; }
.testimonial-role { font-size: 0.78rem; color: var(--text-muted); margin-top: 2px; }

/* ========= CTA ========= */
.cta-section {
  padding: 120px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: var(--bg-secondary);
}
.cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(200, 162, 78, 0.06) 0%, transparent 70%);
}
.cta-section .container { position: relative; z-index: 1; }
.cta-section h2 {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 600;
  color: var(--white);
  margin-bottom: 20px;
  line-height: 1.15;
}
.cta-section p {
  color: var(--text-secondary);
  font-size: 1.1rem;
  max-width: 560px;
  margin: 0 auto 40px;
  line-height: 1.7;
}
.cta-note {
  font-size: 0.82rem;
  color: var(--text-muted);
  margin-top: 20px;
}

/* ========= FOOTER ========= */
.smp-footer {
  padding: 60px 0 40px;
  border-top: 1px solid rgba(200, 162, 78, 0.08);
}
.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 40px;
}
.footer-brand span {
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--white);
}
.footer-brand p {
  color: var(--text-muted);
  font-size: 0.88rem;
  margin-top: 8px;
  max-width: 300px;
  line-height: 1.6;
}
.footer-links {
  display: flex;
  gap: 48px;
}
.footer-col h4 {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--text-muted);
  margin-bottom: 16px;
}
.footer-col ul { list-style: none; }
.footer-col li { margin-bottom: 10px; }
.footer-col a {
  font-size: 0.9rem;
  color: var(--text-secondary);
  transition: color 0.3s;
}
.footer-col a:hover { color: var(--gold-light); }
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid rgba(200, 162, 78, 0.06);
}
.footer-bottom p {
  font-size: 0.8rem;
  color: var(--text-muted);
}
.footer-email a {
  color: var(--gold-dim);
  font-size: 0.85rem;
  transition: color 0.3s;
}
.footer-email a:hover { color: var(--gold-light); }

/* ========= GENERIC PAGE ========= */
.page-content {
  padding: 140px 0 80px;
  min-height: 70vh;
}
.page-content h1 {
  font-family: var(--serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 600;
  color: var(--white);
  margin-bottom: 32px;
}
.page-content h2 {
  font-family: var(--serif);
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--white);
  margin: 40px 0 16px;
}
.page-content h3 {
  font-family: var(--serif);
  font-size: 1.4rem;
  color: var(--white);
  margin: 28px 0 12px;
}
.page-content p {
  color: var(--text-secondary);
  font-size: 1.02rem;
  line-height: 1.8;
  margin-bottom: 16px;
}
.page-content ul, .page-content ol {
  color: var(--text-secondary);
  padding-left: 24px;
  margin-bottom: 16px;
}
.page-content li { margin-bottom: 8px; line-height: 1.7; }
.page-content a { color: var(--gold); transition: color 0.3s; }
.page-content a:hover { color: var(--gold-light); }
.page-content img { border-radius: 8px; margin: 24px 0; }

/* ========= BLOG ========= */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 28px;
  margin-top: 40px;
}
.blog-card {
  background: var(--bg-secondary);
  border: 1px solid rgba(200, 162, 78, 0.06);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.4s;
}
.blog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(200, 162, 78, 0.15);
}
.blog-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.blog-card-content { padding: 24px; }
.blog-card h3 {
  font-family: var(--serif);
  font-size: 1.3rem;
  color: var(--white);
  margin-bottom: 10px;
}
.blog-card p {
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 16px;
}
.blog-card .read-more {
  color: var(--gold);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* WP Overrides */
.wp-block-image img { border-radius: 8px; }
.wp-block-quote {
  border-left: 3px solid var(--gold);
  padding-left: 20px;
  margin: 24px 0;
  font-style: italic;
  color: var(--text-secondary);
}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], textarea, select {
  width: 100%;
  background: var(--bg-card);
  border: 1px solid rgba(200, 162, 78, 0.12);
  border-radius: 6px;
  padding: 14px 18px;
  color: var(--text-primary);
  font-family: var(--sans);
  font-size: 0.95rem;
  transition: border-color 0.3s;
  margin-bottom: 16px;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--gold);
}
input[type="submit"], button[type="submit"] {
  background: var(--gold);
  color: var(--bg-primary);
  padding: 14px 32px;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: var(--sans);
  transition: all 0.3s;
}
input[type="submit"]:hover, button[type="submit"]:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
}
label {
  display: block;
  color: var(--text-secondary);
  font-size: 0.88rem;
  margin-bottom: 6px;
  font-weight: 500;
}

/* ========= QUIZ PAGE ========= */
.quiz-page {
  padding: 140px 0 80px;
  min-height: 100vh;
}
.quiz-page svg {
  max-width: 32px !important;
  max-height: 32px !important;
}
.quiz-page .btn-primary svg,
.quiz-page .btn-secondary svg {
  max-width: 16px !important;
  max-height: 16px !important;
}
.quiz-header {
  text-align: center;
  margin-bottom: 48px;
}
.quiz-main-title {
  font-family: var(--serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 600;
  color: var(--white);
  margin-bottom: 12px;
  line-height: 1.15;
}
.quiz-subtitle {
  font-size: 0.95rem;
  color: var(--gold);
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}
.quiz-scripture {
  font-family: var(--serif);
  font-size: 1.1rem;
  font-style: italic;
  color: var(--text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 24px;
  border-left: 3px solid var(--gold-dim);
  text-align: left;
}
.quiz-scripture-ref {
  display: block;
  font-style: normal;
  color: var(--gold-dim);
  font-size: 0.9rem;
  margin-top: 8px;
}

/* Quiz Card */
.quiz-card {
  background: var(--bg-secondary);
  border: 1px solid rgba(200, 162, 78, 0.1);
  border-radius: 12px;
  padding: 48px 40px;
  text-align: center;
  max-width: 540px;
  margin: 0 auto;
}
.quiz-card-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(200, 162, 78, 0.08);
  border: 1px solid rgba(200, 162, 78, 0.15);
}
.quiz-card-icon svg { width: 28px; height: 28px; max-width: 28px; max-height: 28px; color: var(--gold); fill: none; stroke: currentColor; stroke-width: 1.5; }
.quiz-card h2 {
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 12px;
}
.quiz-card p {
  color: var(--text-secondary);
  font-size: 0.95rem;
  margin-bottom: 28px;
  line-height: 1.6;
}

/* Quiz Inputs */
.quiz-input-group {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 380px;
  margin: 0 auto;
}
.quiz-input-group input[type="text"],
.quiz-input-group input[type="email"],
.quiz-input-group input[type="password"] {
  width: 100%;
  background: var(--bg-card);
  border: 1px solid rgba(200, 162, 78, 0.15);
  border-radius: 6px;
  padding: 14px 18px;
  color: var(--text-primary);
  font-family: var(--sans);
  font-size: 1rem;
  text-align: center;
  transition: border-color 0.3s;
  margin-bottom: 0;
}
.quiz-input-group input:focus {
  outline: none;
  border-color: var(--gold);
}
.quiz-input-group .btn-primary {
  width: 100%;
  justify-content: center;
}
.quiz-error {
  color: #f44336;
  font-size: 0.88rem;
  margin-top: 12px;
  min-height: 20px;
}
.quiz-info-bar {
  display: flex;
  justify-content: center;
  gap: 32px;
  background: var(--bg-card);
  border-radius: 6px;
  padding: 14px 20px;
  margin-bottom: 28px;
  font-size: 0.88rem;
  color: var(--text-secondary);
}
.quiz-info-bar strong { color: var(--gold); }

/* Progress Bar */
.quiz-progress-bar {
  width: 100%;
  height: 4px;
  background: var(--bg-card);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px;
}
.quiz-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  border-radius: 4px;
  transition: width 0.4s ease;
  width: 0;
}
.quiz-progress-text {
  display: flex;
  justify-content: space-between;
  font-size: 0.82rem;
  color: var(--text-muted);
  margin-bottom: 24px;
}

/* Question Card */
.quiz-question-card {
  background: var(--bg-secondary);
  border: 1px solid rgba(200, 162, 78, 0.08);
  border-radius: 12px;
  padding: 40px 36px;
  margin-bottom: 24px;
  transition: border-color 0.3s;
}
.quiz-question-num {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold-dim);
  margin-bottom: 12px;
}
.quiz-question-text {
  font-family: var(--serif);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--white);
  line-height: 1.4;
  margin-bottom: 28px;
}
.quiz-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.quiz-option {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--bg-card);
  border: 1px solid rgba(200, 162, 78, 0.06);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 0.95rem;
  color: var(--text-secondary);
}
.quiz-option:hover {
  border-color: rgba(200, 162, 78, 0.2);
  color: var(--text-primary);
  background: var(--bg-accent);
}
.quiz-option.selected {
  border-color: var(--gold);
  background: rgba(200, 162, 78, 0.08);
  color: var(--white);
}
.quiz-option-letter {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(200, 162, 78, 0.06);
  border: 1px solid rgba(200, 162, 78, 0.15);
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--gold);
  flex-shrink: 0;
  transition: all 0.3s;
}
.quiz-option.selected .quiz-option-letter {
  background: var(--gold);
  color: var(--bg-primary);
  border-color: var(--gold);
}
.quiz-option-text { flex: 1; line-height: 1.5; }

/* Quiz Navigation */
.quiz-nav-buttons {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

/* Shake animation */
@keyframes quizShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-8px); }
  75% { transform: translateX(8px); }
}
.quiz-shake { animation: quizShake 0.3s ease 2; }

/* Results */
.quiz-results-card {
  max-width: 600px;
}
.quiz-result-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}
.quiz-result-icon svg { width: 80px; height: 80px; }
.quiz-result-score {
  margin: 24px 0 32px;
}
.quiz-result-percentage {
  font-family: var(--serif);
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
.quiz-result-detail {
  color: var(--text-secondary);
  font-size: 1rem;
}
.quiz-result-stats {
  background: var(--bg-card);
  border-radius: 8px;
  padding: 4px 24px;
  margin-bottom: 32px;
  text-align: left;
}
.quiz-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(200, 162, 78, 0.06);
  font-size: 0.92rem;
  color: var(--text-secondary);
}
.quiz-stat-row:last-child { border-bottom: none; }
.quiz-badge {
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.quiz-badge-pass { background: rgba(76, 175, 80, 0.15); color: #4CAF50; }
.quiz-badge-fail { background: rgba(244, 67, 54, 0.15); color: #f44336; }
.quiz-result-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
}

/* Review */
.quiz-review-item {
  display: flex;
  gap: 16px;
  background: var(--bg-secondary);
  border: 1px solid rgba(200, 162, 78, 0.06);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 16px;
}
.quiz-review-item-correct { border-left: 3px solid #4CAF50; }
.quiz-review-item-wrong { border-left: 3px solid #f44336; }
.quiz-review-status {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.quiz-review-item-correct .quiz-review-status { background: rgba(76, 175, 80, 0.15); color: #4CAF50; }
.quiz-review-item-wrong .quiz-review-status { background: rgba(244, 67, 54, 0.15); color: #f44336; }
.quiz-review-question {
  font-weight: 600;
  color: var(--white);
  margin-bottom: 12px;
  line-height: 1.5;
}
.quiz-review-options { display: flex; flex-direction: column; gap: 6px; }
.quiz-review-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0.88rem;
  color: var(--text-muted);
}
.quiz-review-correct {
  background: rgba(76, 175, 80, 0.08);
  color: #4CAF50;
  font-weight: 500;
}
.quiz-review-wrong {
  background: rgba(244, 67, 54, 0.08);
  color: #f44336;
}

/* ========= RESPONSIVE ========= */
@media (max-width: 968px) {
  .hero .container,
  .about .container,
  .curriculum .container {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .hero-visual { order: -1; }
  .hero-image-wrapper img { height: 360px; }
  .schedule-grid,
  .pillars-grid,
  .testimonials-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin: 0 auto;
  }
  .topic-list { grid-template-columns: 1fr; }
  .nav-links { display: none; }
  .mobile-toggle { display: flex; }
  .footer-content { flex-direction: column; gap: 40px; }
  .footer-links { gap: 32px; }
}
@media (max-width: 600px) {
  .hero { padding: 100px 0 60px; }
  .hero-stat-card { flex-direction: column; gap: 16px; }
  .hero-actions { flex-direction: column; width: 100%; }
  .btn-primary, .btn-secondary { width: 100%; justify-content: center; }
  .about-image-grid { grid-template-columns: 1fr; }
  .about-image-grid img:first-child { grid-row: auto; height: 260px; }
  .footer-links { flex-direction: column; gap: 32px; }
  .blog-grid { grid-template-columns: 1fr; }
  .quiz-card { padding: 32px 20px; }
  .quiz-question-card { padding: 28px 20px; }
  .quiz-result-actions { flex-direction: column; }
  .quiz-nav-buttons { flex-wrap: wrap; }
  .quiz-info-bar { flex-direction: column; gap: 8px; }
}
[
  {
    "q": "The first time Jesus manifested His glory was not through speech, but through action. What was that first act?",
    "options": [
      "Healing a blind man",
      "Turning water into wine (John 2)",
      "Raising Lazarus from the dead",
      "Casting out a demon in the synagogue"
    ],
    "answer": 1
  },
  {
    "q": "According to the lesson, every time you declare 'Thy Kingdom come,' what are you actually doing?",
    "options": [
      "Making a prayer of surrender",
      "Declaring a season of peace",
      "Making a declaration of war",
      "Inviting angels into your presence"
    ],
    "answer": 2
  },
  {
    "q": "Which of the following is NOT one of the Five Reasons Every Believer Needs Power?",
    "options": [
      "To glorify God",
      "To advance the Kingdom",
      "To impress other believers",
      "To stop Satan"
    ],
    "answer": 2
  },
  {
    "q": "What is ENERGIA?",
    "options": [
      "Miracle-working power that must be regenerated",
      "The foundational grace of God that empowers daily life and function",
      "Invincible oneness with the Word of God",
      "Delegated authority tied to your position in Christ"
    ],
    "answer": 1
  },
  {
    "q": "EXOUSIA is described as position-based power. When is it granted to a believer?",
    "options": [
      "After years of faithful service",
      "When the pastor lays hands on them",
      "The moment they were born again",
      "After completing a fast"
    ],
    "answer": 2
  },
  {
    "q": "What is the key insight about EXOUSIA?",
    "options": [
      "It is a function of speaking in tongues",
      "It is earned through acts of obedience",
      "It is a function of revelation",
      "It grows through fasting and consecration"
    ],
    "answer": 2
  },
  {
    "q": "How does EXOUSIA grow?",
    "options": [
      "Through prevailing, fervent prayer",
      "Through the proceeding Word of God — a specific, living word for a specific situation",
      "Through sustained meditation on Scripture",
      "Through daily praise and worship"
    ],
    "answer": 1
  },
  {
    "q": "What is DUNAMIS?",
    "options": [
      "The power to maintain consistency over time",
      "The foundational grace beneath all other power",
      "The power to create change and manifest miracles",
      "Authority tied to your position in the body of Christ"
    ],
    "answer": 2
  },
  {
    "q": "What key insight did the lesson give about DUNAMIS?",
    "options": [
      "Dunamis cannot function without exousia as its foundation",
      "Dunamis cannot function without ischus as its foundation",
      "Dunamis is the highest form of spiritual power available",
      "Dunamis is always permanently available once you receive it"
    ],
    "answer": 1
  },
  {
    "q": "ISCHUS is best described as which type of power?",
    "options": [
      "Explosive, sudden miracle power",
      "Position-based delegated authority",
      "Staying power — the power to maintain consistency",
      "Oneness with the Word of God"
    ],
    "answer": 2
  },
  {
    "q": "How is ISCHUS built?",
    "options": [
      "Through long, marathon prayer sessions",
      "Through consistent daily prayer — faithful, daily engagement",
      "Through deep meditation on Scripture day and night",
      "Through the proceeding Word of God"
    ],
    "answer": 1
  },
  {
    "q": "The lesson used a Bruce Lee quote to illustrate ISCHUS. Which man does Ischus represent?",
    "options": [
      "The man who practiced 1,000 kicks in one day",
      "The man who fought 1,000 opponents",
      "The man who practiced one kick for 1,000 days",
      "The man who trained under 1,000 masters"
    ],
    "answer": 2
  },
  {
    "q": "What is KRATOS?",
    "options": [
      "The power to perform miracles through the Holy Spirit",
      "The deepest level of power — invincible foundation, oneness with the Word",
      "Grace for daily living and activity",
      "Authority granted at the new birth"
    ],
    "answer": 1
  },
  {
    "q": "According to the power relationships taught in this lesson, EXOUSIA rests on which foundation?",
    "options": [
      "ISCHUS",
      "DUNAMIS",
      "KRATOS",
      "ENERGIA"
    ],
    "answer": 2
  },
  {
    "q": "According to the power relationships, DUNAMIS rests on which foundation?",
    "options": [
      "KRATOS",
      "EXOUSIA",
      "ENERGIA",
      "ISCHUS"
    ],
    "answer": 3
  },
  {
    "q": "A power surge is characterized by two specific things. Which answer correctly identifies both?",
    "options": [
      "Loud prayer and extended fasting",
      "Rapid transition and overflow supply",
      "Unity of believers and prophetic declarations",
      "Speaking in tongues and laying on of hands"
    ],
    "answer": 1
  },
  {
    "q": "Which level of power intensity is called 'The Overflow Life' — where surges happen frequently and every word carries transformative weight?",
    "options": [
      "Level 2 — Tangibility",
      "Level 3 — Consistency / The Mantle",
      "Level 4 — Power Surge",
      "Level 5 — Sustained Surge"
    ],
    "answer": 3
  },
  {
    "q": "What does the Greek word ANAGKAZO mean?",
    "options": [
      "To pray without ceasing",
      "To worship in Spirit and truth",
      "To compel",
      "To fast and consecrate"
    ],
    "answer": 2
  },
  {
    "q": "In the lesson on Anagkazo, David at the Cave of Adullam illustrates which dimension?",
    "options": [
      "To Compel",
      "To Necessitate",
      "By Incentive",
      "By Threats"
    ],
    "answer": 1
  },
  {
    "q": "The lesson taught that 1 Corinthians 2:4 — 'Not in excellency of speech but in demonstration of Spirit and power' — relates to which dimension of Anagkazo?",
    "options": [
      "To Drive",
      "By Incentive",
      "By Compulsion",
      "By Threats"
    ],
    "answer": 3
  }
]