*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{text-align:right;color:#31252b;direction:rtl;background:#f5f0f2;min-height:100vh;font-family:Cairo,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 18%,#fbcad359,#0000 32%),radial-gradient(circle at 88% 12%,#9fd8ce47,#0000 28%),linear-gradient(160deg,#fff8f5 0%,#fdecef 42%,#f1faf7 100%);position:fixed;inset:0}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c64e664d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c64e6680}::selection{color:#31252b;background:#c64e6633}.hero{background:radial-gradient(at 30% 20%,#fbcad380,#0000 50%),radial-gradient(at 70% 80%,#9fd8ce59,#0000 45%),radial-gradient(#f8e6ed99,#0000 70%),linear-gradient(160deg,#fff5f7 0%,#fde8ec 30%,#f9eef3 50%,#f1f8f5 80%,#fff8f5 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.7;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 52S10 39.4 10 24.9C10 18.2 14.8 14 20.4 14c3.7 0 7 2 9.6 5.4C32.6 16 35.9 14 39.6 14 45.2 14 50 18.2 50 24.9 50 39.4 30 52 30 52Z' fill='none' stroke='rgba(198,78,102,0.04)' stroke-width='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:conic-gradient(#0000 0deg,#c64e6608 60deg,#0000 120deg,#9fd8ce08 180deg,#0000 240deg,#c64e6605 300deg,#0000 360deg);width:200%;height:200%;animation:20s linear infinite heroGlow;position:absolute;top:-50%;left:-50%}@keyframes heroGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-overlay{z-index:0;pointer-events:none;background:linear-gradient(#fff8f54d 0%,#0000 30% 70%,#fff8f580 100%);position:absolute;inset:0}.hero-hearts{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.floating-heart{opacity:.6;pointer-events:none;animation:5s ease-out forwards floatUp;position:absolute;bottom:-30px}@keyframes floatUp{0%{opacity:.6;transform:translateY(0)rotate(0)}50%{opacity:.8}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.hero-content{text-align:center;z-index:2;opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(30px)}.hero-content.hero-visible{opacity:1;transform:translateY(0)}.hero-kicker{color:#76545f;letter-spacing:.05em;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600}.hero-names{color:#7d1f35;text-shadow:0 2px 30px #7d1f351f;margin-bottom:1.2rem;font-family:Aref Ruqaa,serif;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:700;line-height:1.2}.hero-divider{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.hero-divider-line{background:linear-gradient(90deg,#0000,#c64e66,#0000);width:60px;height:1px;display:block}.hero-divider-icon{font-size:1.5rem}.hero-date-pill{color:#9d3348;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #c64e662e;border-radius:999px;margin-bottom:.5rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;display:inline-block;box-shadow:0 2px 15px #c64e661a}.hero-date-gregorian{color:#b8a0a8;margin-bottom:1rem;font-size:.85rem}.hero-tagline{color:#8a6d76;margin-bottom:2rem;font-size:1rem}.hero-scroll-hint{color:#b8a0a8;flex-direction:column;align-items:center;gap:.3rem;font-size:.85rem;animation:2s infinite bounce;display:flex}.hero-scroll-arrow{font-size:1.2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.countdown-section{padding:5rem 1.5rem}.section-container{text-align:center;max-width:800px;margin:0 auto}.section-title{color:#7d1f35;margin-bottom:.5rem;font-family:Aref Ruqaa,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700}.section-subtitle{color:#8a6d76;margin-bottom:3rem;font-size:1rem}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:600px;margin:0 auto 3rem;display:grid}.countdown-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #7d2d3b1f;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem .5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #7d2d3b14}.countdown-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #7d2d3b24}.countdown-value{color:#9d3348;font-family:Cairo,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1}.countdown-label{color:#76545f;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.countdown-celebration{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #c64e662e;border-radius:1.5rem;max-width:500px;margin:0 auto 3rem;padding:3rem}.countdown-celebration-icon{margin-bottom:1rem;font-size:4rem;display:block}.countdown-celebration h3{color:#7d1f35;margin-bottom:.5rem;font-family:Aref Ruqaa,serif;font-size:1.8rem}.countdown-celebration p{color:#8a6d76}.countdown-journey{margin-top:2rem}.countdown-journey-text{color:#8a6d76;max-width:500px;margin:0 auto;font-size:.95rem;font-style:italic;line-height:1.8}@media (width<=500px){.countdown-grid{grid-template-columns:repeat(2,1fr)}}.rsvp-section{background:linear-gradient(#0000,#fbcad31a,#0000);padding:5rem 1.5rem}.rsvp-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #7d2d3b1f;border-radius:1.5rem;max-width:500px;margin:0 auto;padding:2rem;box-shadow:0 4px 20px #7d2d3b14}.rsvp-input-group{text-align:right;margin-bottom:1.5rem}.rsvp-input-group label{color:#7d1f35;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.rsvp-input{color:#31252b;direction:rtl;background:#ffffffe6;border:1px solid #7d2d3b26;border-radius:.8rem;width:100%;padding:.8rem 1rem;font-family:Cairo,sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s}.rsvp-input:focus{border-color:#c64e66;outline:none;box-shadow:0 0 0 3px #c64e6626}.rsvp-input::placeholder{color:#b8a0a8;font-size:.9rem}.rsvp-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c64e66,#9d3348);border:none;border-radius:.8rem;width:100%;padding:.9rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.rsvp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9d33484d}.rsvp-btn:disabled{opacity:.7;cursor:not-allowed}.rsvp-error{color:#c64e66;text-align:center;margin-top:1rem;font-size:.9rem}.rsvp-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffe0;border:1px solid #c64e662e;border-radius:1.5rem;max-width:500px;margin:0 auto;padding:3rem}.rsvp-success-icon{margin-bottom:1rem;font-size:3rem;display:block}.rsvp-success h3{color:#7d1f35;margin-bottom:.5rem;font-family:Aref Ruqaa,serif;font-size:1.6rem}.rsvp-success p{color:#4a3d42;font-size:1rem}.rsvp-success-sub{margin-top:.5rem;color:#8a6d76!important;font-size:.9rem!important}.guestbook-section{padding:5rem 1.5rem}.guestbook-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #7d2d3b1f;border-radius:1.5rem;max-width:600px;margin:0 auto 3rem;padding:2rem;box-shadow:0 4px 20px #7d2d3b14}.gb-row{grid-template-columns:1fr;gap:1rem;display:grid}.gb-field{text-align:right;margin-bottom:1.2rem}.gb-field label{color:#7d1f35;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.gb-input,.gb-textarea{color:#31252b;resize:vertical;direction:rtl;background:#ffffffe6;border:1px solid #7d2d3b26;border-radius:.8rem;width:100%;padding:.75rem 1rem;font-family:Cairo,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.gb-input:focus,.gb-textarea:focus{border-color:#c64e66;outline:none;box-shadow:0 0 0 3px #c64e6626}.gb-input::placeholder,.gb-textarea::placeholder{color:#b8a0a8}.gb-chips{flex-wrap:wrap;gap:.5rem;display:flex}.gb-chip{color:#76545f;cursor:pointer;background:#fff1f5f2;border:1px solid #c64e662e;border-radius:999px;padding:.4rem 1rem;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.gb-chip:hover{border-color:#c64e66}.gb-chip-active{color:#fff;background:linear-gradient(135deg,#c64e66,#9d3348);border-color:#0000}.gb-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c64e66,#9d3348);border:none;border-radius:.8rem;width:100%;padding:.8rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.gb-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9d33484d}.gb-submit:disabled{opacity:.6;cursor:not-allowed}.gb-sent-msg{text-align:center;color:#2f6a4f;margin-top:1rem;font-size:.95rem;font-weight:600}.gb-messages{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-width:900px;margin:0 auto;display:grid}.gb-message-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:right;background:#ffffffe0;border:1px solid #7d2d3b1a;border-radius:1rem;padding:1.2rem;transition:transform .2s,box-shadow .2s}.gb-message-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7d2d3b1a}.gb-msg-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.gb-msg-name{color:#7d1f35;font-size:.9rem;font-weight:700}.gb-msg-recipient{color:#8a6d76;background:#fff1f5f2;border:1px solid #c64e661f;border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.gb-msg-text{color:#4a3d42;font-size:.9rem;line-height:1.6}.pulse-section{padding:5rem 1.5rem}.pulse-card{text-align:center;max-width:400px;margin:0 auto}.pulse-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffe0;border:3px solid #c64e6633;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #7d2d3b14}.pulse-btn:hover{border-color:#c64e66;transform:scale(1.1);box-shadow:0 8px 30px #c64e6633}.pulse-btn-active{animation:.6s pulseAnim}.pulse-heart{font-size:3rem;transition:transform .3s}.pulse-btn:hover .pulse-heart{transform:scale(1.2)}@keyframes pulseAnim{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}.pulse-count{color:#9d3348;margin-bottom:.3rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700}.pulse-hint{color:#b8a0a8;font-size:.85rem}.dua-section{background:linear-gradient(#0000,#f4fffb40,#0000);padding:5rem 1.5rem}.dua-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffe0;border:1px solid #7d2d3b1f;border-radius:1.5rem;max-width:600px;margin:0 auto 3rem;padding:2rem;box-shadow:0 4px 20px #7d2d3b14}.dua-text{color:#7d1f35;min-height:3em;margin-bottom:1.5rem;font-family:Aref Ruqaa,serif;font-size:1.2rem;line-height:2}.dua-amen-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f6a4f,#234d49);border:none;border-radius:.8rem;margin-bottom:.8rem;padding:.7rem 2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.dua-amen-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2f6a4f4d}.dua-amen-active{animation:.5s amenPulse}@keyframes amenPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dua-amen-count{color:#8a6d76;font-size:.9rem}.dua-quran{text-align:center;background:#ffffffb3;border:1px solid #c64e661a;border-radius:1rem;max-width:700px;margin:0 auto;padding:2rem}.dua-quran-text{color:#4a3d42;margin-bottom:.8rem;font-family:Aref Ruqaa,serif;font-size:1.15rem;line-height:2.2}.dua-quran-ref{color:#b8a0a8;font-size:.85rem;font-weight:600}.romantic-section{padding:3rem 1.5rem}.romantic-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;max-width:900px;margin:0 auto;display:grid}.romantic-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffbf;border:1px solid #7d2d3b14;border-radius:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}.romantic-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #7d2d3b14}.romantic-card-icon{margin-bottom:.5rem;font-size:1.5rem;display:block}.romantic-card-text{color:#4a3d42;font-size:.9rem;font-style:italic;line-height:1.8}.share-section{background:linear-gradient(#0000,#fbcad314,#0000);padding:5rem 1.5rem}.share-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:700px;margin:0 auto;display:grid}.share-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#31252b;cursor:pointer;background:#ffffffe0;border:1px solid #7d2d3b1a;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 10px #7d2d3b0d}.share-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #7d2d3b1f}.share-btn-icon{font-size:1.8rem}.share-whatsapp:hover{border-color:#25d366}.share-copy:hover{border-color:#c64e66}.share-calendar:hover{border-color:#4285f4}.share-maps:hover{border-color:#34a853}.pdf-section{padding:5rem 1.5rem}.pdf-preview{border-radius:1.5rem;max-width:400px;margin:0 auto 2rem;overflow:hidden;box-shadow:0 8px 40px #7d2d3b26}.pdf-card{text-align:center;background:linear-gradient(160deg,#fff8f5 0%,#fdecef 42%,#f1faf7 100%);padding:3rem 2rem;position:relative}.pdf-card:before{content:"";pointer-events:none;border:1px solid #c64e6626;border-radius:1rem;position:absolute;inset:8px}.pdf-ornament{margin-bottom:.8rem;font-size:2.5rem}.pdf-kicker{color:#9d3348;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:600}.pdf-type{color:#76545f;margin-bottom:.5rem;font-family:Aref Ruqaa,serif;font-size:1.1rem}.pdf-name{color:#7d1f35;margin-bottom:1rem;font-family:Aref Ruqaa,serif;font-size:2.2rem;font-weight:700}.pdf-divider{justify-content:center;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.pdf-divider-line{background:linear-gradient(90deg,#0000,#c64e66,#0000);width:50px;height:1px}.pdf-divider-dot{color:#c64e66;font-size:.7rem}.pdf-details{margin-bottom:1.2rem}.pdf-date{color:#31252b;margin-bottom:.2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700}.pdf-hijri{color:#8a6d76;margin-bottom:.3rem;font-size:.85rem}.pdf-time{color:#9d3348;margin-bottom:.3rem;font-size:.95rem;font-weight:600}.pdf-venue{color:#4a3d42;font-size:.9rem}.pdf-dua{color:#76545f;margin-bottom:.8rem;font-family:Aref Ruqaa,serif;font-size:.9rem;line-height:1.8}.pdf-footer{color:#b8a0a8;font-size:.75rem}.pdf-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c64e66,#9d3348);border:none;border-radius:.8rem;padding:.8rem 2.5rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.pdf-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9d33484d}.footer{text-align:center;border-top:1px solid #7d2d3b14;padding:3rem 1.5rem}.footer-content{max-width:600px;margin:0 auto}.footer-names{color:#7d1f35;margin-bottom:.5rem;font-family:Aref Ruqaa,serif;font-size:1.5rem;font-weight:700}.footer-copyright{color:#b8a0a8;font-size:.8rem}.audio-control-btn{z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#9d3348;cursor:pointer;background:#ffffffe6;border:1px solid #7d2d3b26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 10px #7d2d3b1a}.audio-control-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #7d2d3b26}.zaghroota-btn{z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#9d3348;cursor:pointer;background:linear-gradient(135deg,#fffffff2,#fdeceff2);border:2px solid #c64e6640;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:1.5rem;left:1.5rem;box-shadow:0 4px 20px #c64e6626}.zaghroota-btn:hover{border-color:#c64e66;transform:scale(1.08);box-shadow:0 6px 30px #c64e6640}.zaghroota-btn--animating{animation:.5s zaghrootaShake}@keyframes zaghrootaShake{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.zaghroota-btn__icon{font-size:1.3rem}.zaghroota-btn__text{line-height:1}.app{min-height:100vh}.navbar{z-index:1000;padding:1rem 1.5rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #7d2d3b14;padding:.6rem 1.5rem;box-shadow:0 2px 20px #7d2d3b0d}.navbar-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.navbar-brand{color:#7d1f35;font-family:Aref Ruqaa,serif;font-size:1.1rem;font-weight:700}.navbar-links{gap:.3rem;display:flex}.navbar-link{color:#76545f;border-radius:999px;padding:.4rem .8rem;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.navbar-link:hover{color:#9d3348;background:#c64e6614}@media (width<=768px){.navbar-links{display:none}}