body{-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sparkles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.sparkle{animation:sparkleFloat linear infinite;background:radial-gradient(circle,#cfa85ae6,#0000);box-shadow:0 0 6px #cfa85acc,0 0 12px #cfa85a66;height:4px;opacity:0;width:4px}.sparkle,.sparkle:before{border-radius:50%;position:absolute}.sparkle:before{animation:sparkleGlow 2s ease-in-out infinite;background:radial-gradient(circle,#fff9,#0000);content:"";height:8px;left:50%;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-20vh) scale(1)}}@keyframes sparkleGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.page{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(135deg,#4b0f0f1a,#3b0b0b1a 50%,#4b0f0f1a);border:1px solid #cfa85a4d;border-radius:24px;box-shadow:0 8px 32px 0 #00000080,0 20px 60px #0006,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003;margin-bottom:24px;opacity:0;overflow:visible;position:relative;transform:translateY(40px);transition:all .8s ease}.page:before{background:linear-gradient(135deg,#ffffff1a,#0000 40%,#0000 60%,#cfa85a1a);opacity:.6}.page:after,.page:before{border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.page:after{background:radial-gradient(circle at 20% 30%,#cfa85a26 0,#0000 50%),radial-gradient(circle at 80% 70%,#cfa85a1a 0,#0000 50%);opacity:.4}.page.active{opacity:1;transform:translateY(0)}.content{animation:fadeScale 1s ease forwards;padding:40px 24px;position:relative;text-align:center}.bismillah{animation:bismillahIn 1s forwards;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(90deg,#0000,#cfa85a1f,#0000);border-bottom:1px solid #cfa85a66;border-top:1px solid #cfa85a66;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 8px #0000001a;color:var(--gold);direction:rtl;font-family:Amiri,serif;font-size:32px;letter-spacing:2px;margin:6px 0 8px;opacity:0;padding:14px 24px;position:relative;text-shadow:0 2px 8px #cfa85a80,0 0 20px #cfa85a33;transform:translateY(-10px)}.bismillah:after,.bismillah:before{color:var(--gold);content:"✦";font-size:16px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.bismillah:before{left:10px}.bismillah:after{right:10px}.bismillah-translation{animation:fadeIn 1s .4s forwards;color:#fffffff2;font-size:14px;font-style:italic;font-weight:600;letter-spacing:.5px;margin-bottom:20px;opacity:0}.names-separator{animation:fadeIn 1s .8s forwards;color:var(--gold);font-family:Playfair Display,serif;font-size:48px;font-style:italic;font-weight:400;margin:24px 0;opacity:0;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d,0 0 15px #cfa85a4d}.names-separator:after,.names-separator:before{background:linear-gradient(90deg,#0000,var(--gold),#0000);content:"";height:1px;opacity:.5;position:absolute;top:50%;width:60px}.names-separator:before{right:calc(50% + 40px)}.names-separator:after{left:calc(50% + 40px)}.names{color:var(--gold);cursor:pointer;font-family:Great Vibes,serif;font-size:56px;line-height:1.1;margin:20px 0 16px;opacity:1;padding:8px 0;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d,0 0 20px #cfa85a66,0 0 40px #cfa85a33;transform:translateY(0);transition:all .6s}.names:hover{text-shadow:0 2px 4px #0000004d,0 0 30px #cfa85a99,0 0 50px #cfa85a4d;transform:scale(1.02)}.names:after{background:linear-gradient(90deg,#0000,var(--gold),#0000);bottom:0;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);width:80px}.names small{color:#ffffffeb;display:block;font-family:Playfair Display,serif;font-size:16px;font-weight:600;letter-spacing:.6px}.family-details{color:#ffffffe6;font-size:14px;line-height:1.6;margin:12px 0 20px;max-height:0;opacity:0;overflow:hidden;text-align:center;transform:translateY(10px);transition:all .6s ease}.family-details.show{max-height:1000px;opacity:1;transform:translateY(0);transition:all .6s ease}.card-title{animation:fadeSlideIn 1s .2s forwards;color:var(--gold);font-family:Georgia,serif;font-size:36px;font-weight:700;letter-spacing:3px;margin:12px 0 20px;opacity:0;padding-bottom:16px;position:relative;text-shadow:0 2px 4px #0006,0 0 20px #cfa85a4d;text-transform:uppercase;transform:translateY(-10px)}.card-title:after{background:linear-gradient(90deg,#0000,var(--gold),#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.lead{animation:fadeIn 1s .4s forwards;font-size:16px;font-weight:500;letter-spacing:.5px;margin:6px 0 10px;text-shadow:0 0 15px #cfa85a99,0 0 30px #cfa85a4d,0 2px 4px #0000004d}.date,.lead{color:var(--gold);opacity:0}.date{animation:fadeIn 1s .6s forwards;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);background:linear-gradient(135deg,#cfa85a2e,#cfa85a1a);border:1px solid #cfa85a80;border-radius:14px;box-shadow:0 8px 24px #0000004d,0 4px 12px #cfa85a33,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003;display:inline-block;font-size:19px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:18px 32px;position:relative;text-shadow:0 2px 4px #0006,0 0 10px #cfa85a4d}.date strong:before{content:"❖ "}.date strong:after,.date strong:before{color:var(--gold);font-size:16px;font-weight:400;opacity:.8}.date strong:after{content:" ❖"}.gold-line{animation:fadeIn 1s .7s forwards;background:linear-gradient(90deg,#0000,var(--gold),#0000);border-radius:6px;height:2px;margin:24px auto;opacity:0;position:relative;width:150px}.gold-line:after,.gold-line:before{color:var(--gold);content:"◆";font-size:12px;position:absolute;top:50%;transform:translateY(-50%)}.gold-line:before{left:-20px}.gold-line:after{right:-20px}.gold-pattern{display:none}.gold-pattern:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.details{animation:fadeIn 1s .9s forwards;color:#cfa85ad9;font-size:14px;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:12px;max-width:640px;opacity:0}.details .venue{color:#cfa85ae6;font-size:14px;font-weight:700;margin-top:8px}.details .venue a{color:var(--gold);font-weight:700;text-decoration:underline}.actions{animation:fadeIn 1s 1s forwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px;opacity:0}.btn{background:linear-gradient(135deg,var(--gold),#e6c77d);border:none;border-radius:12px;box-shadow:0 6px 20px #cfa85a4d,0 2px 8px #0003,inset 0 1px 0 #ffffff4d;color:#2b1f12;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 8px 28px #cfa85a66,0 4px 12px #0000004d,inset 0 1px 0 #fff6;transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn.ghost{background:linear-gradient(135deg,#cfa85a33,#cfa85a1a);border:2px solid #cfa85a80;box-shadow:0 4px 16px #cfa85a33,inset 0 1px 0 #ffffff1a;color:var(--gold)}.btn.ghost:hover{background:linear-gradient(135deg,#cfa85a4d,#cfa85a33);border-color:var(--gold);color:var(--gold)}.btn-subtle{background:#0000;border:1px solid #cfa85a66;border-radius:8px;color:var(--gold);display:inline-block;font-size:14px;font-weight:600;letter-spacing:.3px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn-subtle:hover{background:#cfa85a1a;border-color:#cfa85ab3;color:var(--gold)}.footer-note{animation:fadeIn 1s 1.1s forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#00000026,#00000040);border-radius:0 0 22px 22px;border-top:1px solid #cfa85a40;box-shadow:inset 0 1px 0 #ffffff0d;color:#cfa85ae6;font-size:14px;letter-spacing:.3px;opacity:0;padding:20px 24px;position:relative;text-align:center}.footer-note strong{color:var(--gold);font-size:15px;letter-spacing:.5px}.assalamu{animation:floatFadeIn 1.2s forwards;animation-delay:.5s;color:var(--gold);font-size:26px;font-weight:700;letter-spacing:2px;margin:16px 0;opacity:0;padding:8px 0;position:relative;text-align:center;text-shadow:0 2px 8px #cfa85a66;transform:translateY(20px)}.assalamu:after,.assalamu:before{content:"✦";font-size:14px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.assalamu:before{left:20%}.assalamu:after{right:20%}@keyframes floatFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bismillahIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.content{padding:32px 20px}.names{font-size:44px}.card-title{font-size:28px;letter-spacing:2px}.date{font-size:16px;padding:12px 20px}}@media(max-width:480px){.content{padding:24px 16px}.bismillah{font-size:24px;padding:10px 16px}.bismillah-translation{font-size:13px}.names{font-size:38px}.card-title{font-size:24px;letter-spacing:1.5px}.lead{font-size:14px}.date{font-size:15px;padding:12px 16px}.details,.family-details{font-size:13px}.btn{font-size:14px;padding:12px 24px}.gold-pattern{height:30px}.assalamu{font-size:22px}.assalamu:before{left:10%}.assalamu:after{right:10%}}:root{--maroon:#3f0b0b;--maroon-2:#4b0f0f;--gold:#cfa85a;--ivory:#fff8f3;--muted:#6f5b4a;--card-bg:linear-gradient(180deg,#4b0f0f,#3b0b0b);--max-width:720px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#2f0a0a,#f6efe9);color:#fff8f3;color:var(--ivory);font-family:Playfair Display,Georgia,serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.App,.site{min-height:100vh;position:relative}.site{margin:0 auto;max-width:720px;max-width:var(--max-width);padding:16px 16px 100px;z-index:1}@media print{body{background:#fff}.site{max-width:100%}nav{display:none}.page{box-shadow:none;page-break-after:always}.btn{display:none}}@media(max-width:768px){.site{padding:12px}}@media(max-width:480px){.site{padding:8px}}
/*# sourceMappingURL=main.da546945.css.map*/