/*
 * FGMC M5.8.8 — Public Landing Clarity & Participant Search
 * Presentation-only override. Registration, payment, callbacks and database logic are untouched.
 */
:root{
  --m588-red:#b90016;
  --m588-red-dark:#76000d;
  --m588-black:#0a0b0d;
  --m588-ink:#17191d;
  --m588-gold:#d8b46a;
  --m588-gold-soft:#f2dfb1;
  --m588-paper:#f6f3ee;
  --m588-white:#fff;
  --m588-muted:#687079;
  --m588-line:rgba(18,21,25,.11);
  --m588-shadow:0 22px 70px rgba(10,12,15,.13);
  --m588-shadow-strong:0 34px 100px rgba(5,7,10,.24);
}

#page-landing{
  color:var(--m588-ink);
  background:
    radial-gradient(circle at 3% 8%,rgba(185,0,22,.065),transparent 28rem),
    radial-gradient(circle at 98% 34%,rgba(216,180,106,.13),transparent 30rem),
    linear-gradient(180deg,#fff 0%,var(--m588-paper) 46%,#fff 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  overflow:hidden;
}
#page-landing *,#page-landing *::before,#page-landing *::after{box-sizing:border-box;}

/* Clear, compact navigation */
#page-landing .site-nav.fgmc-v2-nav{
  min-height:74px!important;
  padding:10px clamp(14px,2.5vw,36px)!important;
  background:rgba(9,10,12,.96)!important;
  border:0!important;
  border-bottom:1px solid rgba(216,180,106,.35)!important;
  border-radius:0!important;
  box-shadow:0 14px 42px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
}
#page-landing .nav-main-row{width:100%;display:flex;align-items:center;gap:18px;}
#page-landing .nav-brand{min-width:220px;gap:12px;}
#page-landing .nav-brand img{
  width:48px;height:48px;padding:4px;border-radius:14px;background:#fff;
  box-shadow:0 9px 24px rgba(0,0,0,.25);filter:none;
}
#page-landing .logo-text{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:16px!important;font-weight:900!important;line-height:1.1!important;
  letter-spacing:-.02em!important;color:#fff!important;
}
#page-landing .logo-text small{
  margin-top:5px!important;font-size:8.5px!important;font-weight:850!important;
  letter-spacing:.13em!important;color:var(--m588-gold-soft)!important;
}
#page-landing .nav-menu{gap:clamp(7px,1vw,15px)!important;min-width:0;}
#page-landing .nav-menu a{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:9px 3px!important;color:rgba(255,255,255,.77)!important;
  font-size:11.5px!important;font-weight:850!important;letter-spacing:.018em!important;
  white-space:nowrap;border-radius:12px;transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
#page-landing .nav-menu a::after{display:none!important;}
#page-landing .nav-menu a:hover,#page-landing .nav-menu a.active{
  color:#fff!important;background:rgba(255,255,255,.075);transform:translateY(-1px);
}
#page-landing .nav-menu .nav-search-participant{
  gap:7px!important;padding:9px 12px!important;color:#17191d!important;
  background:linear-gradient(135deg,#fff8e8,#ead09a)!important;
  border:1px solid rgba(216,180,106,.55)!important;
  box-shadow:0 8px 22px rgba(216,180,106,.14);
}
#page-landing .nav-menu .nav-search-participant:hover{
  color:#111!important;background:#fff!important;box-shadow:0 12px 28px rgba(216,180,106,.22);
}
#page-landing .nav-search-icon{font-size:17px;line-height:1;font-weight:500;transform:translateY(-1px);}
#page-landing .nav-cta{
  flex:0 0 auto;min-width:132px!important;min-height:46px!important;
  padding:10px 16px!important;border:0!important;border-radius:14px!important;
  color:#fff!important;background:linear-gradient(135deg,#8f000e,#c9001c 58%,#9c0013)!important;
  box-shadow:0 12px 28px rgba(185,0,22,.25)!important;
  font-weight:900!important;letter-spacing:.035em!important;
}
#page-landing .nav-cta:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(185,0,22,.33)!important;}
#page-landing .nav-toggle{border-radius:12px!important;}

/* Hero: strong photography with quieter, readable information hierarchy */
#page-landing .fgmc-v2-hero{
  min-height:680px!important;
  padding:clamp(72px,9vh,104px) 20px clamp(56px,8vh,82px)!important;
  background:#07080a!important;
}
#page-landing .fgmc-v2-hero::after{
  background:
    linear-gradient(90deg,rgba(4,5,7,.92) 0%,rgba(8,6,7,.73) 46%,rgba(6,7,9,.72) 100%),
    radial-gradient(circle at 18% 18%,rgba(185,0,22,.30),transparent 30rem)!important;
}
#page-landing .hero-slide{filter:saturate(.82) contrast(1.04);}
#page-landing .hero-v2-grid{
  width:min(1220px,94vw)!important;
  grid-template-columns:minmax(0,1.18fr) minmax(310px,.62fr)!important;
  gap:clamp(34px,5vw,72px)!important;
}
#page-landing .hero-premium-copy{
  max-width:800px!important;padding:0!important;text-align:left!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
#page-landing .hero-kicker{
  padding:9px 13px!important;border-radius:999px!important;
  color:var(--m588-gold-soft)!important;background:rgba(0,0,0,.24)!important;
  border:1px solid rgba(216,180,106,.42)!important;font-size:11px!important;
}
#page-landing .hero-premium-copy h1{
  max-width:820px;margin:21px 0 20px!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(43px,6.3vw,82px)!important;line-height:.98!important;
  letter-spacing:-.055em!important;font-weight:950!important;text-wrap:balance;
  text-shadow:0 18px 55px rgba(0,0,0,.38)!important;
}
#page-landing .hero-premium-copy>p{
  max-width:690px!important;margin:0!important;color:rgba(255,255,255,.78)!important;
  font-size:clamp(15px,1.5vw,19px)!important;line-height:1.68!important;
}
#page-landing .event-meta{
  justify-content:flex-start!important;gap:10px!important;margin-top:24px!important;
}
#page-landing .em-item{
  min-height:42px;padding:9px 12px;border-radius:13px;
  color:rgba(255,255,255,.87)!important;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);font-size:12px!important;font-weight:750;
  backdrop-filter:blur(10px);
}
#page-landing .em-item svg{color:var(--m588-gold);width:16px;height:16px;}
#page-landing .hero-actions{margin-top:28px!important;gap:12px!important;}
#page-landing .hero-actions .btn{
  min-height:52px;padding:0 22px!important;border-radius:15px!important;font-size:14px!important;
}
#page-landing .hero-actions .btn:first-child{
  background:linear-gradient(135deg,#93000f,#c8001b)!important;border-color:transparent!important;
  box-shadow:0 14px 30px rgba(185,0,22,.28)!important;
}
#page-landing .hero-outline{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;box-shadow:none!important;
}
#page-landing .hero-side-panel{gap:16px!important;}
#page-landing .scripture-card,#page-landing .countdown-card{
  border-radius:24px!important;padding:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
#page-landing .scripture-card{
  color:var(--m588-ink)!important;background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(255,255,255,.8)!important;
}
#page-landing .scripture-card span{color:var(--m588-red)!important;}
#page-landing .scripture-card p{
  margin:0!important;color:#1a1c20!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(20px,2vw,28px)!important;line-height:1.25!important;font-weight:800;letter-spacing:-.025em;
}
#page-landing .countdown-card{
  background:rgba(8,9,11,.84)!important;border:1px solid rgba(216,180,106,.30)!important;
}
#page-landing .countdown-grid div{border-radius:14px!important;}
#page-landing .hero-slide-controls{opacity:.88;}

/* Quiet, structured information bands */
#page-landing .announcement-bar{
  padding:9px 0!important;background:#111317!important;border:0!important;
  border-bottom:1px solid rgba(216,180,106,.38)!important;
}
#page-landing .announcement-text{font-size:12px!important;font-weight:750!important;}
#page-landing .announcement-text span{color:rgba(255,255,255,.82)!important;}
#page-landing .reach-band{
  width:min(1180px,92vw)!important;margin:34px auto 16px!important;padding:14px!important;
  gap:8px!important;border:1px solid var(--m588-line);border-radius:26px;
  background:rgba(255,255,255,.86);box-shadow:var(--m588-shadow);backdrop-filter:blur(14px);
}
#page-landing .reach-item{
  min-height:112px;padding:17px 15px!important;border:0!important;border-radius:18px!important;
  color:var(--m588-ink)!important;background:transparent!important;box-shadow:none!important;
  border-right:1px solid var(--m588-line)!important;
}
#page-landing .reach-item:last-child{border-right:0!important;}
#page-landing .reach-icon{font-size:23px!important;margin-bottom:8px!important;}
#page-landing .reach-item strong{color:var(--m588-ink)!important;font-size:13px!important;}
#page-landing .reach-item span{color:var(--m588-muted)!important;font-size:11px!important;}
#page-landing .registration-focus-strip{
  width:min(840px,92vw)!important;margin:16px auto 66px!important;gap:12px!important;
}
#page-landing .reg-focus-item{
  padding:17px 19px!important;border-radius:18px!important;box-shadow:none!important;
  border:1px solid var(--m588-line)!important;background:#fff!important;
}
#page-landing .focus-icon{width:40px;height:40px;}

/* Consistent section headings */
#page-landing .section-heading{width:min(840px,92vw)!important;margin:clamp(54px,7vw,84px) auto 28px!important;}
#page-landing .section-heading span{
  padding:7px 12px!important;border-radius:999px!important;background:#fff2f4!important;
  border:1px solid rgba(185,0,22,.13)!important;color:var(--m588-red)!important;font-size:10px!important;
}
#page-landing .section-heading h2{
  margin:0!important;color:var(--m588-ink)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(30px,4.6vw,52px)!important;line-height:1.06!important;letter-spacing:-.045em!important;font-weight:900!important;
  text-wrap:balance;
}
#page-landing .section-heading p{max-width:720px;margin:14px auto 0!important;color:var(--m588-muted)!important;line-height:1.65!important;}
#page-landing .section-heading.light span{background:rgba(255,255,255,.08)!important;color:var(--m588-gold-soft)!important;border-color:rgba(216,180,106,.28)!important;}
#page-landing .section-heading.light h2{color:#fff!important;}
#page-landing .section-heading.light p{color:rgba(255,255,255,.68)!important;}

/* Participation paths: clear 2 × 2 structure */
#page-landing .land-paths{
  width:min(1120px,92vw)!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;
  margin:0 auto clamp(70px,8vw,110px)!important;perspective:none!important;
}
#page-landing .land-paths::before,#page-landing .land-paths::after{display:none!important;}
#page-landing .path-card{
  min-height:0!important;display:grid!important;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr)!important;
  border:1px solid var(--m588-line)!important;border-radius:24px!important;background:#fff!important;
  box-shadow:0 18px 56px rgba(10,12,15,.09)!important;overflow:hidden!important;
  transform:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
#page-landing a.path-card{text-decoration:none;color:inherit;}
#page-landing .path-card:hover{
  transform:translateY(-5px)!important;box-shadow:0 27px 74px rgba(10,12,15,.15)!important;
  border-color:rgba(185,0,22,.18)!important;
}
#page-landing .path-head{
  min-height:230px!important;padding:27px 24px!important;border-radius:0!important;
  display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;text-align:left!important;
  background:linear-gradient(150deg,#b90016,#72000c)!important;
}
#page-landing .contrib .path-head{background:linear-gradient(150deg,#1a1c20,#050607)!important;}
#page-landing .vendor .path-head{background:linear-gradient(150deg,#8a6a2b,#c39a4d)!important;}
#page-landing .donate .path-head{background:linear-gradient(150deg,#6d000b,#a80015)!important;}
#page-landing .path-head::before,#page-landing .path-head::after{display:none!important;}
#page-landing .path-head>div:first-child{
  position:static!important;transform:none!important;width:48px!important;height:48px!important;
  display:grid!important;place-items:center!important;margin:0 0 18px!important;border-radius:15px!important;
  background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.18)!important;
  font-size:25px!important;filter:none!important;
}
#page-landing .path-head h2{
  margin:0 0 10px!important;color:#fff!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(24px,2.4vw,34px)!important;line-height:1.05!important;letter-spacing:-.04em!important;font-weight:900!important;
}
#page-landing .path-head p{margin:0!important;color:rgba(255,255,255,.74)!important;font-size:12.5px!important;line-height:1.5!important;}
#page-landing .path-body{
  min-width:0;padding:28px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  background:#fff!important;
}
#page-landing .path-body::after{display:none!important;}
#page-landing .path-body ul{margin:0 0 22px!important;padding:0!important;list-style:none!important;}
#page-landing .path-body li{
  position:relative;margin:0 0 12px!important;padding-left:22px!important;color:var(--m588-muted)!important;
  font-size:13px!important;line-height:1.45!important;
}
#page-landing .path-body li::before{
  content:"";position:absolute;left:0;top:.48em;width:8px;height:8px;border-radius:50%;
  background:var(--m588-red);box-shadow:0 0 0 4px rgba(185,0,22,.08);
}
#page-landing .vendor .path-body li::before{background:#b58b3d;box-shadow:0 0 0 4px rgba(181,139,61,.10);}
#page-landing .path-card .btn{
  min-height:48px;border-radius:14px!important;box-shadow:none!important;font-size:13px!important;
}
#page-landing .path-card .btn::before{display:none!important;}

/* Supporting sections */
#page-landing .program-preview,#page-landing .registration-search,#page-landing .sponsor-preview{
  padding:clamp(58px,8vw,88px) 20px!important;
  background:linear-gradient(135deg,#08090b,#1d0b0e 62%,#65000c)!important;
  box-shadow:none!important;
}
#page-landing .program-grid{gap:12px!important;}
#page-landing .program-grid>div{
  border-radius:18px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;
}
#page-landing .v3-section{width:min(1120px,92vw)!important;margin:clamp(64px,8vw,100px) auto!important;}
#page-landing .v3-card-grid{gap:16px!important;}
#page-landing .v3-info-card,#page-landing .support-card,#page-landing .faq-grid-v3 details{
  border-radius:20px!important;border:1px solid var(--m588-line)!important;
  box-shadow:0 16px 48px rgba(10,12,15,.08)!important;padding:24px!important;
}
#page-landing .v3-info-card:hover,#page-landing .support-card:hover,#page-landing .faq-grid-v3 details:hover{
  transform:translateY(-4px)!important;box-shadow:0 23px 62px rgba(10,12,15,.12)!important;
}
#page-landing .registration-search{
  width:100%!important;margin:0!important;border-radius:0!important;
}
#page-landing .search-registration-box{
  width:min(740px,92vw)!important;padding:12px!important;border-radius:18px!important;
  background:#fff!important;border:1px solid rgba(216,180,106,.38)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.25)!important;
}
#page-landing .search-registration-box input{
  min-height:52px!important;border-radius:13px!important;background:#f8f8f9!important;border-color:#e4e5e7!important;
}
#page-landing .search-registration-box .btn{min-height:52px;border-radius:13px!important;box-shadow:none!important;}
#page-landing .gallery-grid-v3{gap:16px!important;}
#page-landing .gallery-grid-v3 img{height:330px!important;border-radius:22px!important;box-shadow:0 18px 56px rgba(10,12,15,.13)!important;}
#page-landing .sponsor-wall-v3{gap:12px!important;}
#page-landing .sponsor-wall-v3 div{border-radius:18px!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;}
#page-landing .support-preview{padding:70px 20px!important;background:#fff!important;}
#page-landing .support-grid{gap:14px!important;}
#page-landing .contact-preview{padding:30px 20px!important;background:var(--m588-black)!important;border-top:1px solid rgba(216,180,106,.35)!important;}

/* Floating controls */
.floating-lang{
  border-radius:12px!important;background:rgba(10,11,13,.93)!important;border:1px solid rgba(216,180,106,.32)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.staff-login-fab,.qa-main,.qa-items button,.qa-items a{border-radius:14px!important;}
.staff-login-fab{background:rgba(10,11,13,.93)!important;}

/* Footer harmony */
.site-footer{background:#08090b!important;border-top:1px solid rgba(216,180,106,.34)!important;}
.site-footer .footer-inner{max-width:1000px!important;}

/* Tablet/mobile: clean drawer and touch-friendly controls */
@media(max-width:1180px){
  #page-landing .nav-menu{gap:6px!important;}
  #page-landing .nav-menu a{font-size:10.5px!important;}
  #page-landing .nav-cta{min-width:116px!important;padding-inline:12px!important;}
}
@media(max-width:1060px){
  #page-landing .site-nav.fgmc-v2-nav{padding:10px 12px!important;}
  #page-landing .nav-brand{min-width:0;}
  #page-landing .nav-toggle{display:block!important;margin-left:auto;}
  #page-landing .nav-menu{
    position:fixed!important;left:12px!important;right:12px!important;top:78px!important;
    max-height:calc(100svh - 96px);overflow:auto;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:8px!important;padding:12px!important;border-radius:20px!important;
    background:rgba(10,11,13,.985)!important;border:1px solid rgba(216,180,106,.30)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.40)!important;
    transform:translateY(-12px)!important;opacity:0!important;pointer-events:none!important;
  }
  #page-landing .nav-menu.open{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;}
  #page-landing .nav-menu a{
    min-height:48px!important;padding:12px 13px!important;justify-content:flex-start!important;
    border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important;font-size:12px!important;
  }
  #page-landing .nav-menu .nav-search-participant{grid-column:1/-1;justify-content:center!important;}
  #page-landing .nav-cta{margin-left:0;}
  #page-landing .hero-v2-grid{grid-template-columns:1fr!important;}
  #page-landing .hero-premium-copy{text-align:center!important;margin:auto!important;}
  #page-landing .event-meta,#page-landing .hero-actions{justify-content:center!important;}
  #page-landing .hero-side-panel{grid-template-columns:1fr 1fr!important;max-width:860px;margin:auto;width:100%;}
  #page-landing .reach-band{grid-template-columns:repeat(2,1fr)!important;}
  #page-landing .reach-item{border-right:0!important;border-bottom:1px solid var(--m588-line)!important;}
  #page-landing .reach-item:last-child{grid-column:1/-1;border-bottom:0!important;}
  #page-landing .land-paths{grid-template-columns:1fr!important;max-width:760px;}
}
@media(max-width:700px){
  #page-landing .nav-brand img{width:42px;height:42px;}
  #page-landing .logo-text{font-size:14px!important;}
  #page-landing .logo-text small{display:none!important;}
  #page-landing .nav-cta{min-width:102px!important;min-height:42px!important;font-size:10px!important;}
  #page-landing .fgmc-v2-hero{min-height:auto!important;padding:78px 14px 44px!important;}
  #page-landing .hero-premium-copy h1{font-size:clamp(38px,12vw,58px)!important;}
  #page-landing .hero-premium-copy>p{font-size:15px!important;}
  #page-landing .event-meta{display:grid!important;grid-template-columns:1fr!important;width:min(390px,100%);margin-inline:auto;}
  #page-landing .em-item{justify-content:flex-start!important;}
  #page-landing .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:min(390px,100%);margin-inline:auto;}
  #page-landing .hero-side-panel{grid-template-columns:1fr!important;}
  #page-landing .reach-band{grid-template-columns:1fr!important;padding:10px!important;}
  #page-landing .reach-item,#page-landing .reach-item:last-child{grid-column:auto!important;border-bottom:1px solid var(--m588-line)!important;min-height:auto;}
  #page-landing .reach-item:last-child{border-bottom:0!important;}
  #page-landing .registration-focus-strip{grid-template-columns:1fr!important;}
  #page-landing .path-card{grid-template-columns:1fr!important;border-radius:22px!important;}
  #page-landing .path-head{min-height:190px!important;}
  #page-landing .path-body{padding:24px!important;}
  #page-landing .search-registration-box{grid-template-columns:1fr!important;}
  #page-landing .gallery-grid-v3{grid-template-columns:1fr!important;}
  #page-landing .gallery-grid-v3 img{height:245px!important;}
}
@media(max-width:480px){
  #page-landing .nav-menu{grid-template-columns:1fr!important;}
  #page-landing .nav-menu .nav-search-participant{grid-column:auto;}
  #page-landing .nav-cta-main{font-size:9px!important;}
  #page-landing .scripture-card,#page-landing .countdown-card{padding:19px!important;border-radius:20px!important;}
  #page-landing .countdown-grid{gap:6px!important;}
  #page-landing .countdown-grid div{padding:10px 4px!important;}
  #page-landing .section-heading h2{font-size:31px!important;}
  #page-landing .staff-text{display:none!important;}
}

@media(prefers-reduced-motion:reduce){
  #page-landing *,#page-landing *::before,#page-landing *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}