:root{--navy:#08263d;--blue:#0b4d73;--sky:#eaf6fb;--gold:#e5b44a;--cream:#fffaf0;--ink:#18313f;--muted:#5a6c76;--white:#fff;--line:#d8e6ec;--shadow:0 18px 45px rgba(8,38,61,.12);--radius:1.35rem;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:linear-gradient(180deg,#f8fcfe 0,#fff 24rem);font-size:clamp(1rem,.94rem + .25vw,1.16rem);line-height:1.78}img{max-width:100%;height:auto}a{color:var(--blue)}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;padding:.7rem 1rem}.skip-link:focus{left:1rem;top:1rem}.hero{position:relative;min-height:clamp(32rem,72vh,48rem);display:grid;align-items:end;overflow:hidden;background:#102c3d}.hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,25,39,.82) 0%,rgba(5,25,39,.46) 44%,rgba(5,25,39,.06) 72%),linear-gradient(0deg,rgba(5,25,39,.8) 0%,transparent 52%)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% 18%;}.hero-content{position:relative;z-index:2;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(5rem,12vw,9rem) 0 clamp(3rem,7vw,5.5rem);color:#fff}.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.75rem;color:var(--gold);margin:0 0 .65rem}.hero h1{font-size:clamp(2.65rem,6.8vw,5.8rem);line-height:.98;margin:0;max-width:12ch;text-wrap:balance;text-shadow:0 4px 20px rgba(0,0,0,.35)}.hero .lead{font-size:clamp(1.12rem,1rem + .65vw,1.55rem);max-width:48rem;margin:1.35rem 0 0;color:#f4f8fa;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-family:Arial,sans-serif;font-weight:800;border-radius:999px;padding:.82rem 1.15rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#1b2b34;box-shadow:0 10px 25px rgba(229,180,74,.28)}.button-secondary{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(5px)}.breadcrumbs{font-family:Arial,sans-serif;font-size:.85rem;background:#fff;border-bottom:1px solid var(--line)}.breadcrumbs ol{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:.82rem 0;display:flex;flex-wrap:wrap;gap:.45rem;list-style:none}.breadcrumbs li:not(:last-child)::after{content:"›";margin-left:.45rem;color:#8aa0ab}.breadcrumbs a{text-decoration:none;font-weight:700}main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.2rem,5vw,4.5rem) 0}.intro-card,.content-card,.prayer,.share-panel,.related-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.intro-card{padding:clamp(1.4rem,4vw,2.6rem);display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;margin-bottom:2rem}.intro-icon{width:3.4rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--sky);font-size:1.7rem}.content-card{padding:clamp(1.4rem,4vw,3.3rem)}.content-card section+section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}h2{font-size:clamp(1.55rem,1.25rem + 1vw,2.35rem);line-height:1.2;color:var(--navy);margin:.2rem 0 .8rem;text-wrap:balance}h3{font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.3;color:var(--navy)}p{margin:.65rem 0 1.1rem}.dropcap:first-letter{float:left;font-size:4.5rem;line-height:.8;padding:.12rem .45rem 0 0;color:var(--gold);font-weight:700}.callout{margin:2rem 0;padding:1.2rem 1.35rem;border-left:5px solid var(--gold);background:var(--cream);border-radius:0 1rem 1rem 0}.related-card{margin-top:2rem;padding:clamp(1.3rem,3vw,2rem);display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.related-card h2{color:#fff;margin-top:0}.related-card p{color:#e8f3f8;margin-bottom:0}.related-card .button{background:#fff;color:var(--navy)}.prayer{margin-top:2rem;padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(145deg,#fffdf7,#f4fbfe);position:relative;overflow:hidden}.prayer::after{display:none}.prayer-text{white-space:pre-line;font-style:italic;max-width:46rem;font-size:clamp(1.08rem,1rem + .35vw,1.3rem)}.share-panel{margin-top:2rem;text-align:center;padding:clamp(1.5rem,4vw,2.6rem)}.share-panel>p:not(.eyebrow){max-width:48rem;margin-left:auto;margin-right:auto}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.25rem}.share{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1rem;border-radius:999px;text-decoration:none;font-family:Arial,sans-serif;font-size:.9rem;font-weight:800;border:1px solid var(--line);background:#fff;box-shadow:0 6px 16px rgba(8,38,61,.08);transition:transform .18s ease,box-shadow .18s ease}.share:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(8,38,61,.14)}.share svg{width:1.1rem;height:1.1rem;fill:currentColor}.facebook{color:#1877f2}.x{color:#111}.whatsapp{color:#168c4c}.telegram{color:#168acb}.sign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sign-card{display:grid;grid-template-columns:6.2rem 1fr;gap:1rem;align-items:center;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:1.1rem;box-shadow:0 8px 24px rgba(8,38,61,.07);transition:transform .2s ease,box-shadow .2s ease}.sign-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,38,61,.12)}.sign-card img{width:6.2rem;height:6.2rem;object-fit:contain;background:#f7fafb;border-radius:.8rem;padding:.25rem}.sign-card p{margin:0;line-height:1.55}.page-header{padding:clamp(3rem,8vw,6rem) 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;position:relative;overflow:hidden}.page-header::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(229,180,74,.25),transparent 25%)}.page-header-inner{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:auto}.page-header h1{font-size:clamp(2.35rem,6vw,5rem);line-height:1.02;margin:0;max-width:17ch;text-wrap:balance}.page-header p{max-width:48rem;font-size:clamp(1.05rem,1rem + .45vw,1.35rem);color:#eaf5fa}footer{margin-top:2rem;background:#061e30;color:#dfeaf0}.footer-inner{width:min(1120px,calc(100% - 2rem));margin:auto;padding:2.2rem 0;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem}.footer-links a{color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.55rem .85rem;transition:background .2s ease}.footer-links a:hover{background:rgba(255,255,255,.1)}.footer-note{font-size:.87rem;color:#a9bdc8}@media (max-width:760px){.hero{min-height:41rem}.hero::before{background:linear-gradient(0deg,rgba(5,25,39,.92) 0%,rgba(5,25,39,.28) 62%,rgba(5,25,39,.05) 100%)}.hero-content{padding-bottom:2.5rem}.intro-card{grid-template-columns:1fr}.related-card{grid-template-columns:1fr}.sign-grid{grid-template-columns:1fr}}@media (max-width:430px){body{line-height:1.68}.hero{min-height:38rem}.hero-actions .button{width:100%}.sign-card{grid-template-columns:4.9rem 1fr;padding:.8rem}.sign-card img{width:4.9rem;height:4.9rem}.share{flex:1 1 45%;justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media (min-width:1200px){.hero-image{object-position:78% 16%}}@media (min-width:761px) and (max-width:1199px){.hero-image{object-position:80% 14%}}@media (max-width:760px){.hero-image{object-position:72% 18%}}@media (max-width:430px){.hero-image{object-position:70% 16%}}