.hadeel-frame{--hd-ivory:#f8f3ea;--hd-ivory-2:#efe6d6;--hd-ivory-hi:#fdfaf3;--hd-marble:#e9dfcb;--hd-rose:#dfa8b6;--hd-rose-light:#eec3cd;--hd-rose-deep:#b76e83;--hd-gold:#c2a05e;--hd-gold-light:#d8bc82;--hd-gold-hi:#f0e2bc;--hd-gold-deep:#96763c;--hd-ink:#4b3a33;--hd-soft:#8d786c;--hd-line:#c2a05e66;--ruqaa:var(--font-display), "Aref Ruqaa", serif;--aref:var(--font-display), "Aref Ruqaa", serif;--amiri:"Amiri", "Noto Naskh Arabic", serif;--body:var(--font-body), "Tajawal", system-ui, sans-serif;--gold:var(--hd-rose-deep);--gold-deep:#9a5369;--text-muted:var(--hd-soft);--text-body:var(--hd-ink);--rose-deep:var(--hd-ink);--plum:var(--hd-ink);background:var(--hd-ivory);width:100%;min-width:320px;min-height:100dvh;color:var(--hd-ink);font-family:var(--font-body), "Tajawal", sans-serif;text-rendering:optimizelegibility;overflow-x:clip}.hadeel-frame,.hadeel-frame *{box-sizing:border-box}.hadeel-frame button,.hadeel-frame input,.hadeel-frame textarea,.hadeel-frame select{font:inherit}.hadeel-frame :focus-visible{outline-offset:3px;outline:3px solid #b76e8394}.hadeel-stage{isolation:isolate;background:#dfe7ee url(/templates/hadeel/assets/poster.jpg) 50%/cover no-repeat;height:100svh;position:relative;overflow:hidden}.hadeel-stage__video{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hadeel-stage__loop{z-index:1;opacity:0;transition:opacity .35s}.hadeel-stage.is-arrived .hadeel-stage__loop{opacity:1}.hadeel-stage__scrim{z-index:2;opacity:0;background:linear-gradient(#18224080,#1822402e 32%,#0000 52%,#40262c66);transition:opacity 1.6s;position:absolute;inset:0}.hadeel-stage.is-landing .hadeel-stage__scrim{opacity:1}.hadeel-stage__trigger{z-index:6;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.hadeel-stage__skip{top:max(18px, calc(env(safe-area-inset-top,0px) + 12px));z-index:8;min-height:42px;color:var(--hd-ivory-hi);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2b221c7a;border:1px solid #f0e2bc85;border-radius:999px;padding:8px 16px;font-size:.78rem;font-weight:700;position:absolute;inset-inline-end:18px;box-shadow:0 8px 22px #18224038}.hadeel-stage__skip:focus-visible{outline:3px solid var(--hd-gold-hi);outline-offset:2px}.hadeel-tapring{z-index:7;pointer-events:none;border:2px solid #fdfaf3f2;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.7s ease-out forwards hadeel-tapring;position:absolute;box-shadow:0 0 18px #f0e2bcb3}.hadeel-callout{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;padding:max(5vh,30px) 24px max(8.5vh,54px);transition:opacity .7s,transform .9s;display:flex;position:absolute;inset:0}.hadeel-stage.is-flying .hadeel-callout{opacity:0;transform:translateY(-14px)}.hadeel-callout__kicker{color:var(--hd-ivory-hi);opacity:0;text-shadow:0 2px 14px #4b3a33cc;align-items:center;gap:14px;font-family:Amiri,serif;font-size:1.02rem;font-weight:700;animation:.75s .1s forwards hadeel-fade-up;display:flex}.hadeel-callout__kicker span{background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:44px;height:1px}.hadeel-callout__foot{opacity:0;text-align:center;background:radial-gradient(75% 120% at 50% 55%,#2b221c61,#0000 78%);border-radius:30px;padding:18px 30px 6px;animation:.75s .25s forwards hadeel-fade-up}.hadeel-callout__halo{width:64px;height:64px;margin:0 auto 12px;position:relative}.hadeel-callout__halo i{border:1.6px solid #fdfaf3e6;border-radius:50%;animation:2.6s ease-out infinite hadeel-halo;position:absolute;inset:0;box-shadow:0 0 16px #f0e2bc80}.hadeel-callout__halo i:nth-child(2){animation-delay:.85s}.hadeel-callout__halo i:nth-child(3){animation-delay:1.7s}.hadeel-callout__foot>p{color:var(--hd-ivory-hi);text-shadow:0 2px 14px #4b3a33e6;font-family:Amiri,serif;font-size:clamp(1.32rem,5.4vw,1.72rem);font-weight:700}.hadeel-callout__foot>span{color:var(--hd-gold-hi);text-shadow:0 2px 10px #4b3a33d9;margin-top:6px;font-family:Amiri,serif;font-size:clamp(.92rem,3.2vw,1.08rem);font-style:italic;display:block}.hadeel-arrival{z-index:4;pointer-events:none;text-align:center;padding:max(8.5vh,52px) 24px 0;position:absolute;top:0;left:0;right:0}.hadeel-arrival>*{opacity:0;filter:blur(3px);transform:translateY(14px)}.hadeel-stage.is-arrived .hadeel-arrival>*{animation:hadeel-arrival .72s ease var(--hd-arrival-delay,0s) forwards}.hadeel-arrival>p:first-child{color:var(--hd-gold-hi);text-shadow:0 2px 12px #182240d9;margin-bottom:16px;font-family:Amiri,serif;font-size:1.15rem;font-weight:700}.hadeel-arrival>p:first-child:before{content:"✽ "}.hadeel-arrival>p:first-child:after{content:" ✽"}.hadeel-arrival h1{color:#fdf3d8;font-family:var(--font-display), "Aref Ruqaa", serif;text-shadow:0 2px 4px #18224066,0 3px 22px #182240b3,0 0 44px #f0e2bc8c;flex-direction:column;align-items:center;margin:0;font-size:clamp(2.5rem,11.5vw,4.6rem);font-weight:700;line-height:1.08;display:flex}.hadeel-arrival h1 i{color:var(--hd-gold-hi);margin:2px 0;font-family:Amiri,serif;font-size:.4em;font-style:italic}.hadeel-arrival__rule{max-width:280px;color:var(--hd-gold-hi);justify-content:center;align-items:center;gap:12px;margin:14px auto 0;display:flex}.hadeel-arrival__rule span{background:linear-gradient(90deg,#0000,#f0e2bce6,#0000);flex:1;height:1px}.hadeel-arrival__rule em{font-style:normal}.hadeel-arrival>strong{color:var(--hd-ivory-hi);text-shadow:0 2px 12px #1d2d47d9;margin-top:14px;font-size:clamp(.88rem,3.4vw,1.08rem);font-weight:600;display:block}.hadeel-arrival>p:last-child{color:var(--hd-gold-hi);text-shadow:0 2px 12px #1d2d47d9;margin-top:8px;font-family:Amiri,serif;font-size:clamp(1rem,3.4vw,1.3rem);font-style:italic;font-weight:700}.hadeel-scroll-cue{z-index:4;color:#fdf6e3;opacity:0;pointer-events:none;text-align:center;text-shadow:0 2px 10px #2b221cf2,0 0 24px #2b221cb3;background:radial-gradient(72% 130% at 50% 45%,#2b221c80,#0000 80%);border-radius:24px;width:max-content;margin-inline:auto;padding:8px 26px;font-family:Amiri,serif;font-size:1.08rem;font-weight:700;position:absolute;bottom:max(4.5vh,26px);left:0;right:0;transform:translateY(18px)}.hadeel-stage.is-arrived .hadeel-scroll-cue{animation:hadeel-arrival .72s ease var(--hd-arrival-delay) forwards}.hadeel-scroll-cue em{color:var(--hd-gold-light);margin:0 10px;font-size:.68em;font-style:normal}.hadeel-scroll-cue em:first-child{display:inline-block;transform:scaleX(-1)}.hadeel-scroll-cue b{color:var(--hd-gold-hi);margin-top:3px;font-size:1.3rem;font-weight:400;animation:1.8s ease-in-out infinite hadeel-bob;display:block}.hadeel-doves{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hadeel-dove{aspect-ratio:420/318;opacity:0;width:130px;animation:hadeel-glide var(--hd-duration) linear var(--hd-delay) infinite;position:absolute;top:0;left:0;overflow:hidden}.hadeel-dove:nth-child(2){animation-name:hadeel-glide-reverse}.hadeel-dove i{background:url(/templates/hadeel/assets/dove-sprite.png) 0 0/100% 100% no-repeat;width:3200%;height:100%;animation:.8s steps(32,end) infinite hadeel-dove-flap;position:absolute;top:0;left:0}.hadeel-dove:nth-child(2) i{transform:scaleX(-1)}.hadeel-content{background:var(--hd-ivory)}.hadeel-card,.hadeel-shared,.hadeel-credit{background:linear-gradient(180deg, var(--hd-ivory-hi), var(--hd-ivory));width:min(100%,640px);margin-inline:auto}.hadeel-card{background:radial-gradient(120% 55% at 50% 0%, #dfa8b629, transparent 60%), radial-gradient(90% 40% at 50% 100%, #c2a05e1a, transparent 70%), linear-gradient(180deg, var(--hd-ivory-hi), var(--hd-ivory));padding:clamp(34px,8vw,70px) clamp(18px,5vw,46px);position:relative;overflow:hidden}.hadeel-section{text-align:center;padding:26px 6px;position:relative}.hadeel-section__title{color:var(--hd-gold-deep);font-family:var(--font-display), "Aref Ruqaa", serif;margin:0 0 20px;font-size:clamp(1.5rem,5.2vw,2.05rem);font-weight:700}.hadeel-section__title:after{background:linear-gradient(90deg, transparent, var(--hd-gold-light) 30%, var(--hd-rose) 70%, transparent);content:"";width:64px;height:2px;margin:12px auto 0;display:block}.hadeel-verse{border:1px solid var(--hd-line);box-shadow:0 0 0 5px var(--hd-ivory-hi) inset, 0 16px 30px -26px #4b3a3366;background:radial-gradient(120% 90% at 50% 0,#fffdf6,#fdfaf300 75%);border-radius:160px 160px 18px 18px;margin-top:6px;padding:40px 24px 28px}.hadeel-bismillah{color:var(--hd-gold-deep);margin:0 0 8px;font-family:Amiri,serif;font-size:clamp(1.15rem,4vw,1.45rem);font-weight:700}.hadeel-flourish{color:var(--hd-rose);margin:8px 0;font-size:19px;display:block}.hadeel-verse>p:last-child{color:var(--hd-rose-deep);white-space:pre-line;margin:0;font-family:Amiri,serif;font-size:clamp(1.2rem,4.4vw,1.6rem);font-weight:700;line-height:2}.hadeel-divider{color:var(--hd-rose);align-items:center;gap:14px;margin:8px 0;font-size:15px;display:flex}.hadeel-divider span{background:linear-gradient(90deg, transparent, var(--hd-line), transparent);flex:1;height:1px}.hadeel-invitation>p{color:var(--hd-ink);margin:0;font-family:Amiri,serif;font-size:clamp(1.05rem,3.7vw,1.3rem);line-height:2.2}.hadeel-families{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.hadeel-families>div>span{color:var(--hd-rose-deep);margin-bottom:8px;font-size:.75rem;display:block}.hadeel-families>div>strong{color:var(--hd-ink);font-family:Amiri,serif;font-size:clamp(.98rem,3.4vw,1.15rem);line-height:1.9}.hadeel-families>i{color:var(--hd-rose);opacity:.85;font-size:18px;font-style:normal}.hadeel-countdown>div{justify-content:center;gap:clamp(8px,2.4vw,16px);display:flex}.hadeel-countdown>div>span{border:1px solid var(--hd-line);background:linear-gradient(180deg, var(--hd-ivory-hi), var(--hd-ivory-2));border-radius:32px 32px 12px 12px;min-width:clamp(62px,17vw,84px);padding:16px 6px 13px;box-shadow:0 10px 24px -14px #4b3a3366}.hadeel-countdown strong,.hadeel-countdown small{display:block}.hadeel-countdown strong{color:var(--hd-gold-deep);font-family:var(--font-display), "Aref Ruqaa", serif;font-size:clamp(1.4rem,5.6vw,1.9rem)}.hadeel-countdown small{color:var(--hd-rose-deep);margin-top:4px;font-size:.72rem}.hadeel-arrived{color:var(--hd-rose-deep);font-family:Amiri,serif;font-size:1.15rem;font-weight:700}.hadeel-program .hadeel-section__title{justify-content:center;align-items:center;gap:12px;display:flex}.hadeel-program .hadeel-section__title:before,.hadeel-program .hadeel-section__title:after{width:auto;height:auto;color:var(--hd-rose);content:"❧";opacity:.85;background:0 0;margin:0;font-size:.55em}.hadeel-program .hadeel-section__title:before{transform:scaleX(-1)}.hadeel-schedule{max-width:430px;margin:4px auto 0;position:relative}.hadeel-schedule__line{background:linear-gradient(180deg, transparent, var(--hd-line) 10%, var(--hd-line) 90%, transparent);width:1px;position:absolute;top:16px;bottom:16px;left:50%;transform:translate(-50%)}.hadeel-schedule__row{grid-template-columns:1fr 34px 1fr;align-items:center;gap:4px;padding:18px 0;display:grid;position:relative}.hadeel-schedule__row strong{color:var(--hd-ink);font-family:Amiri,serif;font-size:clamp(1.1rem,4.2vw,1.4rem)}.hadeel-schedule__row>i{background:var(--hd-rose-deep);opacity:.7;width:7px;height:7px;margin:0 auto;transform:rotate(45deg)}.hadeel-schedule__row span{color:var(--hd-ink);font-size:clamp(.94rem,3.4vw,1.05rem);font-weight:500;line-height:1.55}.hadeel-schedule__bloom{z-index:2;filter:drop-shadow(0 3px 6px #4b3a334d);pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;transition:top .5s cubic-bezier(.25,.6,.3,1);position:absolute;top:16px;left:50%}.hadeel-schedule__bloom svg{width:100%;height:100%}.hadeel-venue h3{color:var(--hd-gold-deep);margin:0;font-family:Amiri,serif;font-size:clamp(1.2rem,4.4vw,1.5rem)}.hadeel-venue>p{color:var(--hd-soft);margin:6px 0 0}.hadeel-venue>a{background:linear-gradient(180deg, var(--hd-rose), var(--hd-rose-deep));color:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:10px 26px;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px -10px #b76e8399}.hadeel-venue>a svg{width:1rem}.hadeel-notes ul{text-align:start;max-width:400px;margin:0 auto;padding:0;list-style:none}.hadeel-notes li{color:var(--hd-ink);align-items:baseline;gap:10px;padding:8px 0;line-height:1.8;display:flex}.hadeel-notes li span{color:var(--hd-rose);font-size:.8rem}.hadeel-contact>span{color:var(--hd-rose-deep);margin-bottom:8px;font-size:.78rem;display:block}.hadeel-contact>a{color:var(--hd-gold-deep);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:inline-flex}.hadeel-contact>a svg{width:1rem}.hadeel-closing>p{color:var(--hd-gold-deep);margin:0;font-family:Amiri,serif;font-size:clamp(1.15rem,4.2vw,1.45rem);font-weight:700}.hadeel-closing>strong{color:var(--hd-ink);margin-top:10px;font-family:Amiri,serif;font-size:clamp(1rem,3.6vw,1.2rem);display:block}.hadeel-closing>small{color:var(--hd-rose-deep);margin-top:12px;font-size:.88rem;display:block}.hadeel-shared--calendar{padding-top:6px}.hadeel-shared .content-section{text-align:center}.hadeel-shared--calendar .calendar-card>header{background:linear-gradient(135deg, var(--hd-rose-deep), var(--hd-gold))}.hadeel-shared--calendar .calendar-card__body strong{color:var(--hd-rose-deep)}.hadeel-shared--responses{padding:4px 0 30px}.hadeel-shared--responses .rsvp-section,.hadeel-shared--responses .wish-card{background:var(--hd-ivory-hi);border-color:#b76e8361}.hadeel-shared--responses .golden-action{background:var(--hd-rose-deep);box-shadow:0 12px 26px -12px #b76e83e6}.hadeel-shared--responses .wishes-section{padding:42px 20px 8px}.hadeel-credit{text-align:center;padding:18px 18px 38px}.hadeel-credit>div{color:var(--hd-soft);background:#fffdfa;border:1px solid #efe2d4;border-radius:16px;justify-items:center;gap:9px;padding:13px 24px;font-size:.82rem;display:inline-grid;box-shadow:0 12px 30px #785a4624}.hadeel-credit p{margin:0}.hadeel-credit p strong{color:var(--hd-rose-deep);font-family:var(--font-display), "Aref Ruqaa", serif;font-size:1.15rem;font-weight:700}.hadeel-credit a{color:#fffdf9;background:linear-gradient(135deg, var(--hd-rose-deep), #a86779);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 24px;font-size:.86rem;font-weight:800;text-decoration:none;transition:transform .17s,box-shadow .17s;display:inline-flex;box-shadow:0 10px 22px -10px #a86779e0}.hadeel-credit a:active{transform:scale(.97)}.hadeel-credit small{color:var(--hd-soft);font-size:.69rem}@media (hover:hover) and (pointer:fine){.hadeel-credit a:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px #a86779eb}}.hadeel-effects{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:hidden}.template-shell--boxed .hadeel-effects{position:absolute}.hadeel-petal{top:-28px;left:var(--hd-left);color:var(--hd-rose-light);opacity:0;animation:hadeel-fall var(--hd-fall) linear var(--hd-delay) infinite;position:absolute}.hadeel-effects>i{background:radial-gradient(circle, var(--hd-gold-hi), #f0e2bc00 70%);opacity:0;width:4px;height:4px;animation:hadeel-twinkle 2.8s ease-in-out var(--hd-delay) infinite;border-radius:50%;position:absolute}.hadeel-frame .music-button{z-index:60;left:16px;right:auto}@keyframes hadeel-fade-up{to{opacity:1;transform:none}}@keyframes hadeel-halo{0%{opacity:.9;transform:scale(.34)}70%{opacity:.25}to{opacity:0;transform:scale(1.15)}}@keyframes hadeel-tapring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3.4)}}@keyframes hadeel-arrival{to{opacity:1;filter:blur();transform:none}}@keyframes hadeel-bob{50%{opacity:1;transform:translateY(7px)}}@keyframes hadeel-dove-flap{to{transform:translate(-100%)}}@keyframes hadeel-glide{0%{opacity:0;transform:translate(-28vw, var(--hd-y)) scale(var(--hd-scale))}8%,88%{opacity:.82}to{opacity:0;transform:translate(118vw, calc(var(--hd-y) + 5vh)) scale(var(--hd-scale))}}@keyframes hadeel-glide-reverse{0%{opacity:0;transform:translate(118vw, var(--hd-y)) scale(var(--hd-scale))}8%,88%{opacity:.78}to{opacity:0;transform:translate(-28vw, calc(var(--hd-y) - 4vh)) scale(var(--hd-scale))}}@keyframes hadeel-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}12%{opacity:.9}90%{opacity:.75}to{opacity:0;transform:translateY(104vh)translate(-44px)rotate(330deg)}}@keyframes hadeel-twinkle{50%{opacity:1;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.hadeel-dove,.hadeel-petal,.hadeel-effects>i{display:none}.hadeel-callout__halo i,.hadeel-scroll-cue b{animation:none}.hadeel-arrival>*,.hadeel-scroll-cue{opacity:1;filter:none;transform:none}}@media (max-width:600px){.hadeel-petal:nth-of-type(2n),.hadeel-effects>i:nth-of-type(2n){display:none}}