:root{
  --bg:#0a2a33;--text:#eaf1ef;--muted:#9fb7b8;--accent:#d9b86c;--accent2:#f3dd9d;
  --card:rgba(255,255,255,.05);--line:rgba(217,184,108,.4);--btn-text:#1a1408;
  --f-body:'Jost',sans-serif;--f-head:'Cormorant Garamond',serif;--f-script:'Great Vibes',cursive;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23d9b86c' stroke-opacity='.2' stroke-width='1'%3E%3Crect x='14' y='14' width='32' height='32'/%3E%3Crect x='14' y='14' width='32' height='32' transform='rotate(45 30 30)'/%3E%3C/g%3E%3C/svg%3E");
}
body{background-color:var(--bg);background-image:var(--pattern),radial-gradient(circle at 50% 0,#12474f,transparent 60%);background-attachment:fixed}
.bismillah{font-family:'Amiri',serif;font-size:1.5rem;color:var(--accent2);line-height:1.9;direction:rtl;margin-bottom:.4rem}
.cover{background-color:var(--bg);background-image:var(--pattern),radial-gradient(circle at 50% 20%,#14525a,#071d24 70%)}
.cover::before{content:"";position:absolute;inset:16px;border:1px solid var(--line);border-radius:140px 140px 10px 10px;pointer-events:none}
.star{position:absolute;color:var(--accent2);font-size:.9rem;opacity:.2;animation:twinkle 3s ease-in-out infinite;z-index:1}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}
.cover h1{font-size:clamp(3rem,13vw,5rem);line-height:1.15;margin:.5rem 0}
.mihrab{width:190px;height:250px;margin:.8rem auto;border-radius:95px 95px 6px 6px;border:3px solid var(--accent);box-shadow:0 0 0 6px rgba(217,184,108,.15),0 0 40px rgba(217,184,108,.2)}
.guest-box{border-radius:10px;border-color:var(--line)}
.hero{background:radial-gradient(circle at 50% 30%,rgba(18,71,79,.7),rgba(10,42,51,.9))}
.crescent{font-size:3rem;color:var(--accent);animation:float 5s ease-in-out infinite;text-shadow:0 0 24px rgba(217,184,108,.5)}
.ornline{display:flex;align-items:center;gap:1rem;color:var(--accent);margin-bottom:1.4rem}
.ornline::before,.ornline::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.arches{display:grid;gap:1.4rem;margin-top:2rem}
@media(min-width:640px){.arches{grid-template-columns:1fr 1fr}}
.arch-card{padding:2.2rem 1.2rem 1.6rem;border:1.5px solid var(--line);border-radius:140px 140px 18px 18px;background:var(--card)}
.arch-card .mono{margin:0 auto 1rem;border-color:var(--accent)}
.arch-card h3{font-size:2.4rem}
.card.arch-top{border-radius:110px 110px 16px 16px;padding-top:2.4rem;border:1.5px solid var(--line)}
.arches-g .g,.arches-g .g-img{border-radius:60px 60px 8px 8px;aspect-ratio:3/4;border:1.5px solid var(--line)}
.countdown div{border-radius:50% 50% 12px 12px;padding-top:1rem;min-width:76px}
.footer h3{font-size:3rem}