@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap";:root{--bg-color: #fcfcfc;--text-main: #1d1d1f;--text-secondary: #86868b;--gold-accent: #FFD700;--gold-glow: rgba(255, 215, 0, .4);--white: #ffffff;--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .1), 0 20px 60px -10px rgba(0, 0, 0, .05);--card-shadow-hover: 0 20px 40px -10px rgba(0, 0, 0, .15), 0 30px 60px -15px rgba(0, 0, 0, .1);--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--card-radius: 24px}html{margin:0;padding:0}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden;position:relative}#root{width:100%;min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);margin:0;color:var(--text-main);font-weight:500}a{text-decoration:none;color:inherit}.side-decor{position:absolute;top:50%;transform:translateY(-50%);color:var(--gold-accent);z-index:0;pointer-events:none;opacity:.6;filter:drop-shadow(0 0 5px var(--gold-glow))}.left-decor{left:-350px;height:100%}.right-decor{right:-350px;height:100%}@media(max-width:1300px){.side-decor{display:none}}.text-center{text-align:center}.hero-v3{height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--bg-color)}.hero-content-v3{opacity:0;transform:scale(.95);transition:opacity 1s ease,transform 1s ease;position:relative;padding:5rem}.hero-content-v3.visible{opacity:1;transform:scale(1)}.hero-date-v3{font-family:var(--font-sans);font-size:1.1rem;letter-spacing:.3em;color:var(--text-main);margin-top:2rem;margin-bottom:2rem;font-weight:500}.name-line{font-size:3.5rem;line-height:1.1;color:var(--text-main);font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}.connector-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:200px;margin:1rem auto}.connector-row .line{height:1px;background-color:var(--gold-accent);flex-grow:1;opacity:.6}.connector-text{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;color:var(--text-secondary)}.hero-tagline{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.15em;color:var(--text-secondary);line-height:1.8;margin-top:3rem;opacity:.8}.hero-decor{position:absolute;color:#ffd600;animation:twinkle 4s infinite ease-in-out;z-index:10}.star-top-left{top:35px;left:35px;width:28px;height:28px}.star-bottom-right{bottom:35px;right:35px;width:36px;height:36px;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.9);filter:drop-shadow(0 0 2px rgba(255,214,0,.4))}50%{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 15px rgba(255,214,0,1))}}.hero-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 50% 50%,var(--gold-glow) 0%,transparent 40%),radial-gradient(circle at 20% 20%,rgba(197,160,89,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(197,160,89,.05) 0%,transparent 40%);opacity:1;pointer-events:none;z-index:0}.hero-bg-pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;display:flex;justify-content:center;align-items:center;z-index:-1;pointer-events:none;overflow:visible}.hero-bg-pattern svg{color:var(--gold-accent);opacity:.1;width:100%;height:100%;animation:rotateMandala 60s linear infinite}@keyframes rotateMandala{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.corner-frame{position:absolute;width:40px;height:40px;border-color:var(--gold-accent);opacity:.7;transition:all .5s ease;filter:drop-shadow(0 0 2px var(--gold-glow))}.top-left{top:0;left:0;border-top:2.5px solid;border-left:2.5px solid}.top-right{top:0;right:0;border-top:2.5px solid;border-right:2.5px solid}.bottom-left{bottom:0;left:0;border-bottom:2.5px solid;border-left:2.5px solid}.bottom-right{bottom:0;right:0;border-bottom:2.5px solid;border-right:2.5px solid}.hero-content-v3:hover .corner-frame{width:60px;height:60px;opacity:.8}@media(max-width:768px){.name-line{font-size:2.8rem;margin:.5rem 0}.connector-row{width:140px;gap:1rem;margin:1.5rem auto}.hero-content-v3{padding:3rem 1.5rem;width:85%}.top-left{top:0;left:0}.top-right{top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-right{bottom:0;right:0}.star-top-left{top:35px;left:35px;width:18px;height:18px}.star-bottom-right{bottom:35px;right:35px;width:24px;height:24px}}.section-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem;position:relative}.details-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:.25;color:var(--gold-accent)}.details-bg-pattern svg{width:100%;height:100%}.modern-card{background:var(--white);border-radius:var(--card-radius);padding:3.5rem 2rem;margin-bottom:2rem;position:relative;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.02);text-align:center;transition:transform .3s ease;touch-action:pan-y;-webkit-tap-highlight-color:transparent}@media(hover:hover){.modern-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.modern-card:hover .corner-frame{width:40px;height:40px;opacity:.8;border-color:var(--gold-accent)}}.top-left{top:1.5rem;left:1.5rem;border-top:2px solid;border-left:2px solid}.top-right{top:1.5rem;right:1.5rem;border-top:2px solid;border-right:2px solid}.bottom-left{bottom:1.5rem;left:1.5rem;border-bottom:2px solid;border-left:2px solid}.bottom-right{bottom:1.5rem;right:1.5rem;border-bottom:2px solid;border-right:2px solid}.card-decor{color:#ffd600;opacity:1;margin-bottom:1.5rem;filter:drop-shadow(0 0 5px rgba(255,214,0,.8));animation:pulseGlow 3s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 8px rgba(255,214,0,1))}}.basmala-arabic{font-family:Amiri,serif;font-size:1.8rem;color:var(--text-main);margin-bottom:.5rem;line-height:1.4}.verse-arabic{font-family:Amiri,serif;font-size:1.6rem;color:var(--text-main);margin-bottom:.5rem;margin-top:1rem}.basmala{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;letter-spacing:.05em;text-transform:uppercase}.verse-text{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;color:var(--text-secondary);line-height:1.8;max-width:80%;margin:0 auto 2rem}.elegant-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem auto;width:60%;opacity:.6}.elegant-divider .line{flex-grow:1;height:1px;background:var(--gold-accent)}.elegant-divider .diamond{font-size:.8rem;color:var(--gold-accent)}.invite-msg{font-family:var(--font-sans);font-size:.95rem;letter-spacing:.05em;color:var(--text-main);margin-bottom:3rem}.families-container{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem}.family-group{display:flex;flex-direction:column;align-items:center}.family-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:.5rem}.family-group h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-main);font-weight:500}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.event-title{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.2em;margin-bottom:2rem;color:var(--text-main);border-bottom:1px solid var(--gold-accent);padding-bottom:1rem;width:60%;margin-left:auto;margin-right:auto}.event-date-modern{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.day{font-family:var(--font-serif);font-size:3.5rem;line-height:1;color:var(--text-main)}.month-group{display:flex;flex-direction:column;align-items:flex-start;font-size:.8rem;letter-spacing:.1em;color:var(--text-secondary)}.weekday{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:.7rem;letter-spacing:.2em;color:var(--text-secondary);border-left:1px solid var(--gold-accent);padding-left:.5rem;height:50px}.event-time{font-family:var(--font-sans);font-weight:500;margin-bottom:2rem;color:var(--text-main)}.event-location-modern h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-main)}.event-location-modern p{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.btn-modern{display:inline-block;margin-top:2rem;padding:.8rem 2.5rem;border:1px solid var(--text-secondary);border-radius:50px;font-size:.8rem;letter-spacing:.1em;color:var(--text-main);transition:all .3s ease}.btn-modern:hover{background:var(--text-main);color:var(--white);border-color:var(--text-main)}.btn-modern:active{transform:scale(.95);background:var(--gold-accent);border-color:var(--gold-accent);color:var(--white)}@media(max-width:768px){.events-grid{grid-template-columns:1fr}.modern-card{padding:2.5rem 1.5rem}.verse-text{max-width:100%}.elegant-divider{width:80%}.basmala-arabic{font-size:1.4rem;white-space:nowrap;margin-bottom:.2rem}.verse-arabic{font-size:1.3rem;padding:0 1rem}}.footer-v3{text-align:center;padding:2rem;color:var(--text-secondary);font-family:var(--font-serif);font-size:1.1rem}.footer-v3 small{display:block;font-family:var(--font-sans);font-size:.8rem;margin-top:.5rem}.preloader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-in-out}.preloader-container.fade-out{opacity:0;pointer-events:none}.dance-floor{display:flex;flex-direction:column;align-items:center}.spinner-wrapper{width:350px;height:350px;position:relative;display:flex;justify-content:center;align-items:center}.spinner-wrapper:after{content:"";position:absolute;width:100%;height:100%;border:1px solid rgba(0,0,0,.05);border-top:1px solid var(--text-main);border-radius:50%;animation:spinRing 2s infinite cubic-bezier(.55,.15,.45,.85);box-sizing:border-box}.spinner-wrapper:before{content:"";position:absolute;width:90%;height:90%;border-radius:50%;border:1px dashed rgba(0,0,0,.1);animation:spinRingReverse 6s infinite linear}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRingReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.couple-image-spinner{width:60%;height:auto;box-shadow:none;filter:none;animation:heartbeat 2s infinite ease-in-out;transform-origin:center}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.loading-text{margin-top:1rem;font-family:var(--font-serif);letter-spacing:.2em;font-size:.9rem;color:var(--text-secondary);animation:fadePulse 1.5s infinite ease-in-out}@keyframes fadePulse{0%,to{opacity:.5}50%{opacity:1}}.app-container{width:100%;min-height:100vh;padding-bottom:4rem}.floating-card{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:3rem 2rem;margin-bottom:2rem;transition:transform .4s ease,box-shadow .4s ease;position:relative;overflow:hidden}.floating-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}