:root{--ink:#664052;--honey:#d99a4b;--cream:#fff8f5;--sage:#a56686;--blue:#eee1f6;--pink:#f8e2ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4e6ec;color:var(--ink);font-family:"Noto Naskh Arabic",serif;overflow-x:hidden}.is-hidden{display:none}.opening{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#fbe9f1 0 65%,#efc9d9 65% 100%);transition:opacity .8s,visibility .8s}.opening-card{position:relative;width:min(86vw,390px);height:min(69vh,620px);min-height:525px;border:2px solid #d8a0b7;border-radius:180px 180px 34px 34px/115px 115px 34px 34px;background:#fff8f5;box-shadow:0 30px 70px #76506438,inset 0 0 0 8px #fce7ef;overflow:hidden;animation:card-arrive 1.1s cubic-bezier(.22,1,.36,1)}.scallops{position:absolute;inset:0;border:11px dotted #e9b8ca;border-radius:inherit;opacity:.65}.opening-copy{position:relative;z-index:3;text-align:center;padding:48px 30px 0}.opening-copy p{margin:0;color:#a06080;font-size:19px;font-weight:700}.opening-copy h1{margin:-4px 0;color:#c76f96;font-size:82px;line-height:1.2;text-shadow:0 4px #fff}.little-one{display:inline-block;max-width:290px;padding:8px 18px;border-block:1px solid #dda8bd;color:#794b62;font-size:17px;line-height:1.7;background:#fff9}.tiny-flower{color:#d58aa7;font-size:24px}.opening-pooh{position:absolute;z-index:2;bottom:24px;left:50%;width:205px;transform:translateX(-50%);filter:drop-shadow(0 12px 8px #7e5d2b2c)}.honey-button{position:absolute;z-index:4;bottom:12px;right:18px;width:82px;height:92px;border:0;background:transparent;cursor:pointer;animation:bob 2.2s infinite ease-in-out}.honey-button img{width:100%;height:100%;object-fit:contain}.honey-button span{position:absolute;inset:49px 0 auto;color:#9d5377;font-weight:700;font-size:11px}.open-note{position:absolute;z-index:3;bottom:2.5vh;margin:0;padding:7px 18px;border-radius:30px;background:#fff8fbdf;color:#794b62;font-weight:700}.opening-cloud,.blue-cloud{position:absolute;width:190px;height:60px;border-radius:50%;background:#fff8;filter:blur(1px)}.cloud-a{top:8%;left:-45px}.cloud-b{right:-40px;bottom:22%}.opening-bee{position:absolute;font-size:24px;animation:fly 5s infinite ease-in-out}.bee-a{top:22%;left:9%}.bee-b{right:8%;bottom:21%;animation-delay:1.4s}.opening.done{opacity:0;visibility:hidden}.opening.done .opening-card{transform:scale(.92) translateY(-20px);opacity:0;transition:.75s}.site{width:min(100%,760px);margin:auto;background:#fff;box-shadow:0 0 50px #6d455935}.page{position:relative;min-height:100svh;padding:78px 28px;display:grid;place-items:center;overflow:hidden;text-align:center}.page-dots{position:fixed;z-index:30;right:max(8px,calc((100vw - 760px)/2 + 10px));top:50%;display:grid;gap:8px;transform:translateY(-50%)}.page-dots a{width:8px;height:8px;border:1px solid #b57894;border-radius:50%;background:#fff9;transition:.3s}.page-dots a.active{height:23px;border-radius:8px;background:#cf7ea1}.hero-page{background:linear-gradient(180deg,#fff7fa 0 70%,#efd4e2 100%)}.hero-content{position:relative;z-index:3}.kicker{margin:0 auto;max-width:500px;color:#9a5d7b;font-size:18px;line-height:1.7}.name-lockup{display:flex;align-items:center;justify-content:center;gap:14px}.name-lockup span{color:#d38ca9}.name-lockup h2{margin:-5px 0;color:#c96e97;font-size:clamp(78px,23vw,132px);line-height:1.25;text-shadow:0 5px #fff}.birthday-title{display:inline-block;max-width:520px;margin:-10px 0 14px;padding:6px 28px;border-block:1px solid #dca8bd;color:#75495f;font-size:20px;font-weight:700;line-height:1.7}.hero-illustration{position:relative;width:min(330px,80vw);margin:auto}.hero-illustration img{position:relative;z-index:2;width:100%;filter:drop-shadow(0 14px 10px #60431e22)}.leaf-cluster{position:absolute;width:220px;height:220px;background:radial-gradient(ellipse at 50% 95%,#d4a4bb 0 18%,transparent 19%) 0 0/46px 54px;opacity:.35}.leaf-left{left:-80px;top:-40px;transform:rotate(25deg)}.leaf-right{right:-90px;top:6%;transform:rotate(-32deg)}.meadow{position:absolute;inset:auto 0 0;height:150px;background:radial-gradient(ellipse at 50% 100%,#d8a9bf 0 52%,transparent 53%)}.flying-bee{position:absolute;z-index:3;font-size:24px;animation:fly 6s infinite ease-in-out}.flying-bee.first{left:8%;top:28%}.flying-bee.second{right:8%;bottom:18%;animation-delay:1s}.scroll-cue{display:grid;justify-items:center;gap:4px;color:#96647a;font-size:12px}.scroll-cue span{width:1px;height:24px;background:#c184a0;animation:stretch 1.5s infinite}.invitation-page{background:#f6e4ef}.story-card{z-index:2;width:min(100%,570px);padding:44px 38px 36px;border-radius:30px;background:#fff9fb;box-shadow:0 25px 55px #8b5e7024;border:1px solid #dfb5c8}.story-card:before,.story-card:after{content:"";position:absolute;top:18px;width:70px;height:12px;background:#eac6d688;transform:rotate(-7deg)}.story-card:before{left:-18px}.story-card:after{right:-18px;transform:rotate(7deg)}.invitation-text{margin:8px auto 25px;font-size:clamp(20px,5.2vw,25px);line-height:2}.date-layout{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;border-block:1px solid #d8a9bd;padding:12px 0}.date-layout div{display:grid;gap:3px}.date-layout div+div{border-right:1px solid #e7cad7}.date-layout span{font-size:13px;color:#9d7186}.date-layout strong{color:#a55f80;font-size:19px}.date-layout .big-date strong{color:#ce789e;font:bold 50px/1 Arial}.time-pill{display:inline-block;margin-top:22px;padding:8px 25px;border-radius:25px;background:#efd9e7;color:#955a78;font-weight:700}.small-piglet{position:absolute;z-index:3;left:2%;bottom:2%;width:105px;filter:drop-shadow(0 8px 8px #6b422625)}.honey-drops{position:absolute;right:10%;top:5%;display:flex;gap:18px}.honey-drops i{width:12px;height:18px;border-radius:70% 30% 60% 40%;background:#df9ab6;animation:drip 2.8s infinite}.honey-drops i:nth-child(2){margin-top:28px;animation-delay:.5s}.honey-drops i:nth-child(3){margin-top:8px;animation-delay:1s}.dua-page{background:linear-gradient(160deg,#b9a5d4,#8e73b4);color:#fff}.blue-cloud{background:#f3e9fa66}.cloud-one{left:-45px;top:13%}.cloud-two{right:-70px;bottom:16%;width:260px}.dua-content{z-index:2;max-width:580px}.section-title{margin:0 0 12px;font-size:clamp(28px,7vw,40px)}.light-title{color:#fff}.dua-circle{width:190px;height:190px;margin:20px auto;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#f9eff7;box-shadow:0 0 0 9px #ffffff1f}.dua-circle img{width:210px}.arabic{margin:22px 0;font-size:clamp(19px,5vw,25px);line-height:2.15}.dua-translation{padding:13px 20px;border-radius:20px;background:#ffffff17;font-size:17px;line-height:1.8}.countdown-page{background:linear-gradient(#fff5f8 0 72%,#e8bfd2 72%)}.count-content{z-index:2}.count-content h3{margin:14px 0;color:#b36589;font-size:clamp(31px,8vw,48px)}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:580px;margin:30px auto}.count-grid div{min-width:90px;padding:22px 7px 17px;border:1px solid #dba5bc;border-radius:50px 50px 18px 18px;background:#fffafb;box-shadow:0 12px 25px #7b45621a}.count-grid strong{display:block;color:#c97098;font:bold clamp(27px,7vw,42px) Arial}.count-grid span{color:#9d5f7e;font-size:14px}.count-content>p{color:#945a77;font-size:17px}.balloon-pooh{position:absolute;z-index:3;right:15px;top:12px;width:90px;filter:drop-shadow(0 8px 8px #67461f20)}.count-hill{position:absolute;inset:auto -15% -60px;width:130%;height:220px;border-radius:50% 50% 0 0;background:#d29ab5}.wish-page{background:linear-gradient(145deg,#e9a8c1,#bd7194);color:#fff}.wish-content{z-index:2;max-width:570px}.wish-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(#ffffff0b 0 8deg,transparent 8deg 18deg);animation:slow-spin 45s linear infinite}.wish-pooh{width:170px;margin:12px auto -5px;filter:drop-shadow(0 12px 10px #63411630)}blockquote{margin:0;padding:22px 28px;border-block:1px solid #fff7;font-size:clamp(21px,5.5vw,27px);line-height:2}.signature{margin-top:18px;font-size:18px}.celebrate-button{position:absolute;z-index:4;bottom:25px;padding:10px 23px;border:1px solid #fff9;border-radius:28px;background:#fff4;color:#fff;font:700 15px "Noto Naskh Arabic";cursor:pointer;backdrop-filter:blur(5px)}footer{position:relative;min-height:55vh;display:grid;place-content:center;text-align:center;padding:70px 25px;background:#fff3f7;overflow:hidden}.footer-honey img{width:95px}footer p{max-width:430px;margin:5px auto;font-size:20px}footer h4{direction:ltr;margin:10px;color:#a45f80;font:700 16px Arial;letter-spacing:.25em}.balloon-stage{position:absolute;inset:0;pointer-events:none}.party-balloon{position:absolute;bottom:-150px;width:42px;height:52px;border-radius:50% 50% 47% 47%;background:var(--balloon);box-shadow:inset -8px -8px 12px #0002;animation:balloon-up var(--duration) var(--delay) cubic-bezier(.25,.5,.5,1) forwards}.party-balloon:before{content:"";position:absolute;left:17px;bottom:-7px;border:5px solid transparent;border-bottom-color:var(--balloon)}.party-balloon:after{content:"";position:absolute;left:21px;top:52px;width:1px;height:75px;background:#8a735988}.reveal,.reveal-left,.reveal-right{opacity:0;transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal{transform:translateY(42px) scale(.98)}.reveal-left{transform:translateX(-60px) rotate(-8deg)}.reveal-right{transform:translateX(60px) rotate(8deg)}.visible{opacity:1;transform:none}.text-rise{display:inline-block;animation:text-rise .75s both}@keyframes card-arrive{from{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes fly{50%{transform:translate(32px,-20px) rotate(10deg)}}@keyframes stretch{50%{height:35px}}@keyframes drip{50%{transform:translateY(10px)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes text-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes balloon-up{0%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(var(--sway),-55vh) rotate(8deg)}100%{transform:translate(calc(var(--sway)*-.5),-125vh) rotate(-6deg)}}@media(max-width:560px){.opening-card{height:72vh;min-height:530px}.opening-copy{padding-top:42px}.opening-copy h1{font-size:70px}.little-one{font-size:15px;max-width:260px}.opening-pooh{width:190px}.page{padding:70px 18px}.page-dots{right:6px}.story-card{padding:40px 22px 32px}.small-piglet{width:78px;left:-4px}.count-grid{gap:6px}.count-grid div{min-width:0;padding:17px 3px 13px}.balloon-pooh{width:72px}.dua-circle{width:165px;height:165px}.dua-circle img{width:185px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}