.elementor-5 .elementor-element.elementor-element-7720ee4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b9d36ee */:root{
  --bg:#0B1020; --bg-alt:#0E1533;
  --gold:#D4AF37; --ink:#F3F6FF; --muted:#C8D0E6; --halo:#A3B9FF; --line:#1D2745;
  --radius:18px; --radius-sm:12px; --shadow:0 10px 30px rgba(0,0,0,.25);
  --h1: clamp(36px, 4vw, 56px);
  --h2: clamp(28px, 3vw, 40px);
  --h3: clamp(20px, 2.2vw, 24px);
  --body: clamp(16px, 1.2vw, 19px);
}
html,body{background:var(--bg); color:var(--ink); font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;}
h1,h2,h3,.title{font-family:"EB Garamond", Georgia, "Times New Roman", serif; letter-spacing:.2px}
.section{padding:64px 0; border-top:1px solid var(--line);}
.section.alt{background:var(--bg-alt);}
.container{width:min(1100px, 92%); margin:0 auto;}
.title{font-size:var(--h2); margin:0 0 24px; position:relative; padding-top:8px;}
.title::before{content:""; position:absolute; top:0; left:0; width:72px; height:2px; background:linear-gradient(90deg,var(--gold),transparent);}

.hero-wrap{padding:104px 0 88px; background: radial-gradient(1200px 500px at 50% -10%, rgba(163,185,255,.2), transparent), var(--bg);}
.hero-wrap h1{font-size:var(--h1); line-height:1.1}
.hero-wrap h1 span{color:var(--gold);}
.hero-wrap .sub{max-width:800px; margin-top:16px; color:var(--muted);}
.cta{margin-top:28px; display:flex; gap:16px; flex-wrap:wrap}
.btn{display:inline-block; padding:12px 20px; border-radius:var(--radius-sm); text-decoration:none; font-weight:600; border:1px solid var(--gold); transition:.25s}
.btn-primary{background:var(--gold); color:#0B0B0B;}
.btn-primary:hover{filter:brightness(.95)}
.btn-ghost{color:var(--gold); background:transparent}
.btn-ghost:hover{background:rgba(212,175,55,.08)}

.bullets{display:grid; gap:12px; margin:0; padding-left:20px}
.bullets li{line-height:1.7}

.cards{display:grid; grid-template-columns:repeat( auto-fit, minmax(260px,1fr) ); gap:18px}
.card{background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:var(--radius); padding:18px 18px 16px; box-shadow:var(--shadow)}
.card h3{font-size:var(--h3); margin:0 0 8px; color:var(--halo)}

.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media (max-width:900px){ .grid-2{grid-template-columns:1fr} }

.alert-box{background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:var(--radius); padding:18px}
.alert-box h3{color:var(--gold); margin-top:0}
.alert-note{margin-top:16px; padding:14px 16px; border-left:3px solid var(--gold); background:rgba(212,175,55,.08); color:#F8FAFF}

.numbered{counter-reset:step; list-style:none; padding:0; display:grid; gap:12px}
.numbered li{position:relative; padding-left:42px; line-height:1.7; background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px 16px 14px 44px}
.numbered li::before{counter-increment:step; content:counter(step); position:absolute; left:12px; top:12px; width:22px; height:22px; display:grid; place-items:center; border-radius:6px; color:#0B0B0B; background:var(--gold); font-weight:700; font-size:14px}

.verse blockquote{font-family:"EB Garamond", Georgia, serif; font-size:clamp(20px,2.2vw,26px); line-height:1.6; text-align:center; margin:0; color:var(--ink)}
.verse cite{display:block; margin-top:8px; color:var(--muted); font-style:normal}

.center{text-align:center}
a{color:var(--halo)}/* End custom CSS */