:root{--text:#3a372f;--soft:#847e70;--gold:#c3a25c;--gold-deep:#a5842f;--line:rgba(195,162,92,.45);--cream:#fdfbf6}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(ellipse at 50% 40%,#fffdf8 0,#f3e6c4 100%);font-family:Tajawal,sans-serif;color:var(--text);overflow-x:hidden}.bgvid{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;object-fit:cover}.hero{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:52px;background:linear-gradient(180deg,transparent 55%,rgba(30,20,10,.55))}.hero-overlay{text-align:center;padding:0 24px}.hero-overlay .ov-ayah,.hero-overlay .ov-basmala,.hero-overlay .ov-family,.hero-overlay .ov-sadaqallah{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}.hero-overlay.show .ov-family{opacity:1;transform:none;transition-delay:.1s}.hero-overlay.show .ov-basmala{opacity:1;transform:none;transition-delay:.7s}.hero-overlay.show .ov-ayah{opacity:1;transform:none;transition-delay:1.3s}.hero-overlay.show .ov-sadaqallah{opacity:1;transform:none;transition-delay:2.1s}.ov-family{margin-bottom:16px;font-family:Aref Ruqaa,serif;font-size:30px;line-height:1.35;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7)}.ov-basmala{font-size:24px;color:#f2e6c5;text-shadow:0 2px 14px rgba(0,0,0,.7);margin-bottom:14px}.ov-ayah,.ov-basmala{font-family:Amiri Quran,serif}.ov-ayah{font-size:19px;line-height:2.1;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.75);max-width:380px;margin:0 auto}.ov-sadaqallah{margin-top:10px;font-size:13px;letter-spacing:3px;color:#ecd9a8;text-shadow:0 1px 8px rgba(0,0,0,.7)}.chev{margin-top:30px;color:#fff;opacity:0;pointer-events:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;border:2px solid hsla(0,0%,100%,.85);border-radius:50%;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .8s ease;filter:drop-shadow(0 1px 4px rgba(0,0,0,.9));box-shadow:0 0 0 0 hsla(0,0%,100%,.35);padding:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.chev.show{opacity:1;pointer-events:auto;animation:dip 1.6s ease-in-out infinite,pulseRing 1.6s ease-in-out infinite}@keyframes dip{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.45)}70%{box-shadow:0 0 0 14px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.sheet{position:relative;z-index:2;max-width:520px;margin:0 auto;background:linear-gradient(180deg,var(--cream),#faf6ec);box-shadow:0 -20px 60px rgba(0,0,0,.35);padding:14px 26px 46px;text-align:center}.grab{width:48px;height:5px;border-radius:3px;margin:0 auto 26px;background:rgba(195,162,92,.5)}.blk{padding:26px 0;opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}.blk.in{opacity:1;transform:none}.divider{display:flex;align-items:center;gap:14px;margin:0 auto;max-width:300px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.divider span{color:var(--gold);font-size:15px}.kicker{font-size:15px;letter-spacing:3px;line-height:1.6;color:var(--gold-deep);margin-bottom:12px;font-weight:700}.sub{color:var(--soft);margin-top:12px}.msg,.sub{font-size:14px}.msg{line-height:2.1;color:#6b6558;margin:14px auto 0;max-width:320px}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.notice-box{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin:16px auto 0;padding:16px 28px;border-radius:16px;border:1.5px solid transparent;background:linear-gradient(#fdf8ec,#fdf8ec) padding-box,conic-gradient(from var(--border-angle),var(--line) 0,#f3d98a 8%,#fff6d8 12%,#f3d98a 16%,var(--line) 24%,var(--line) 100%) border-box;animation:borderTravel 4s linear infinite;box-shadow:0 10px 24px rgba(160,135,70,.14)}@keyframes borderTravel{to{--border-angle:360deg}}.notice-strong{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--gold-deep)}.notice-soft{font-size:12px;color:var(--soft);letter-spacing:.3px}.hosts-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:16px auto 0;max-width:360px}.hosts-row .host-name{font-size:14px;color:var(--soft);letter-spacing:.5px;line-height:1.6}.hosts-row .hosts-and{font-family:Aref Ruqaa,serif;font-size:16px;color:var(--gold)}.grooms-row{display:flex;justify-content:center;align-items:center;gap:18px;margin:18px auto 0}.grooms-row .groom{font-family:Aref Ruqaa,serif;font-size:35px;color:var(--gold-deep)}.grooms-row .col-and{font-family:Aref Ruqaa,serif;font-size:22px;color:var(--gold)}.count-title{font-size:12px;letter-spacing:4px;color:var(--gold-deep);margin-bottom:16px}.countdown{display:flex;justify-content:center;gap:10px;direction:ltr}.cd-cell{min-width:70px;padding:14px 6px 11px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(160,135,70,.14)}.cd-num{font-size:29px;font-weight:700;color:var(--gold-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.cd-lab{font-size:10.5px;color:var(--soft);margin-top:7px;letter-spacing:1px}.wed-date{margin-top:16px;font-family:Aref Ruqaa,serif;font-size:20px;color:var(--gold-deep)}.wed-date b{font-weight:400}.wed-time{margin-top:10px;font-size:19px;letter-spacing:1px}.cal-btn,.wed-time{font-weight:700;color:var(--gold-deep)}.cal-btn{display:inline-block;margin-top:16px;padding:10px 24px;font-size:12.5px;text-decoration:none;letter-spacing:.3px;border:1.5px solid var(--gold);border-radius:20px;background:#fdf8ec}.venue-name{font-family:Aref Ruqaa,serif;font-size:24px;margin:0}.venue-sub{font-size:12.5px;color:var(--soft);margin:10px 0 16px;line-height:1.9}.map-frame{position:relative;border-radius:18px;overflow:hidden;border:3px solid var(--gold);box-shadow:0 16px 34px rgba(160,135,70,.28),0 0 0 1px rgba(165,132,47,.35),inset 0 0 0 1px hsla(0,0%,100%,.4)}.map-frame:after{content:"";position:absolute;inset:6px;border:1px solid hsla(0,0%,100%,.55);border-radius:12px;pointer-events:none}.map-frame-link{position:absolute;inset:0;z-index:2}.map-frame iframe{width:100%;height:210px;border:0;display:block;filter:saturate(.9)}@keyframes btnShine{0%{left:-60%}55%,to{left:130%}}.sticky-map-btn{position:fixed;z-index:40;bottom:22px;left:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 52px;min-width:220px;background:linear-gradient(135deg,#d9b96a,var(--gold-deep) 60%,#8a6a24);color:#fff;border-radius:34px;text-decoration:none;border:1px solid rgba(255,246,216,.5);font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 14px 30px rgba(90,68,24,.4),0 2px 6px rgba(90,68,24,.3),inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 2px rgba(90,68,24,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .35s ease,transform .35s ease,box-shadow .2s ease}.sticky-map-btn.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.sticky-map-btn:active{transform:translate(-50%) scale(.96)}.sticky-map-btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(115deg,transparent,hsla(0,0%,100%,.75),transparent);animation:btnShine 2.2s ease-in-out infinite}.sticky-map-label{position:relative}@media (max-width:380px){.ov-family{font-size:26px}.cd-cell{min-width:60px}.cd-num{font-size:24px}}@media (prefers-reduced-motion:reduce){.chev.show{animation:none}}.yt-audio-holder{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;left:-9999px;top:-9999px}.tap-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;flex-direction:column;gap:20px;animation:tapFadeIn 1s ease both}.tap-glow,.tap-start{display:flex;align-items:center}.tap-glow{width:60px;height:60px;border-radius:50%;justify-content:center;border:1.5px solid hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:tapPulseRing 2.2s ease-in-out infinite}.tap-glow:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px hsla(0,0%,100%,.8)}.tap-start-label{color:#fff;font-size:14px;font-weight:700;letter-spacing:2px;padding:9px 20px;border-radius:22px;background:rgba(20,14,6,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2);text-shadow:0 1px 6px rgba(0,0,0,.6)}@keyframes tapFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tapPulseRing{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}70%{box-shadow:0 0 0 22px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}