.app{position:relative;min-height:100vh}.royal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.royal-bg__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0b1430,#122050 45%,#1b2a60 78%,#0e1838)}.royal-bg__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 40% at 50% 12%,rgba(120,150,230,.18),transparent 70%),radial-gradient(50% 40% at 80% 80%,rgba(200,169,107,.1),transparent 70%)}.rb-particle{position:absolute;border-radius:50%}.music-control{position:fixed;top:14px;right:14px;z-index:60;display:flex;gap:6px}.music-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);background:#0c153080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--gold-line);border-radius:999px;padding:8px 14px;cursor:pointer;transition:all .3s var(--ease)}.music-btn.icon-only{padding:8px 10px}.music-btn:hover{color:var(--ivory);border-color:var(--gold)}.music-btn:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.spin{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.2rem}.cover-card{width:min(440px,92vw);padding:10px}.cover-frame{border:1px solid var(--gold-line);border-radius:3px;padding:clamp(2.2rem,7vw,3.4rem) 1.4rem;text-align:center;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#14215080,#0c153059);box-shadow:inset 0 0 60px -30px #ecd79c66}.cover-monogram{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(3.4rem,15vw,5.6rem);letter-spacing:.04em;color:var(--gold-light);line-height:1;margin:.3rem 0;text-shadow:0 4px 30px rgba(236,215,156,.3)}.cover-rings{margin:.2rem 0 1rem}.cover-names{font-family:var(--font-display);font-style:italic;font-size:clamp(1.5rem,6vw,2.1rem);color:var(--on-royal)}.cover-names .amp{color:var(--gold);padding:0 .12em}.cover-names-ar{color:var(--gold);font-size:1.15rem;margin-top:.3rem}.cover-date{margin-top:1rem;font-family:var(--font-body);letter-spacing:.34em;font-size:.72rem;text-transform:uppercase;color:var(--on-royal-soft)}.cover-btn{margin-top:1.8rem;display:inline-flex;flex-direction:column;gap:5px;line-height:1.1}.cover-btn-ar{font-size:.86rem;letter-spacing:0;opacity:.92}.hero{text-align:center;padding-top:clamp(5rem,14vw,9rem)}.hero-names{font-size:clamp(3rem,14vw,6rem);color:var(--gold-light);text-shadow:0 6px 40px rgba(236,215,156,.22)}.hero-names .amp{color:var(--gold)}.hero-date{font-family:var(--font-body);letter-spacing:.4em;font-size:.78rem;text-transform:uppercase;color:var(--on-royal-soft);margin-left:.4em}.hero-rings{display:flex;justify-content:center;margin:2.2rem 0 1.4rem;filter:drop-shadow(0 0 18px rgba(236,215,156,.25))}.hero-names-ar{font-size:clamp(1.6rem,7vw,2.4rem);color:var(--on-royal)}.invite .section-title,.venue-title{color:var(--on-royal)}.invite{text-align:center}.invite-card{position:relative;margin:1.8rem auto 0;max-width:560px;padding:clamp(2rem,7vw,3rem) clamp(1.4rem,5vw,2.6rem) clamp(2.4rem,7vw,3.2rem);color:var(--on-royal);background:linear-gradient(180deg,#1c2a60a6,#0c142ed9);border:1px solid var(--gold-line);border-radius:60px 60px 12px 12px/80px 80px 12px 12px;box-shadow:0 40px 90px -50px #000,inset 0 0 50px -30px #ecd79c59}.invite-monogram{display:flex;justify-content:center;margin-bottom:.6rem}.invite-bismillah{font-size:1.4rem;color:var(--gold-light);margin-bottom:1.2rem}.invite-verse{font-size:clamp(1.15rem,4.4vw,1.55rem);line-height:2.2;color:var(--on-royal);max-width:460px;margin:0 auto 1rem}.invite-verse-ref{font-size:.92rem;color:var(--gold);letter-spacing:.04em}.invite-rule{width:60px;height:1px;background:var(--gold-line);margin:1.6rem auto}.invite-en{font-size:1rem;color:var(--on-royal-soft);max-width:420px;margin:0 auto}.invite-arnames{display:flex;align-items:center;justify-content:center;gap:clamp(1.4rem,8vw,3.2rem);margin:1.6rem auto;direction:rtl}.invite-arnames .ar{font-size:clamp(2.2rem,10vw,3.4rem);color:var(--gold-light);font-weight:700}.invite-arnames-amp{font-size:clamp(1.2rem,5vw,1.8rem)!important;color:var(--on-royal-soft)!important;font-weight:400!important}.invite-en--close{margin-top:1.2rem}.invite-ar-close{font-size:1.15rem;color:var(--on-royal);margin-top:.8rem}.countdown{text-align:center}.countdown-panel{padding:clamp(2.4rem,7vw,3.6rem) 1.4rem clamp(2rem,6vw,3rem);display:flex;flex-direction:column;align-items:center}.countdown-icon--top{color:var(--gold-deep);margin-bottom:1rem;opacity:.85}.countdown-title{color:var(--ink);font-weight:400}.countdown-sub{color:var(--ink-soft);margin-top:.2rem}.countdown-clock{display:flex;align-items:flex-start;justify-content:center;gap:clamp(.5rem,3.5vw,1.4rem);margin:2rem 0 1.6rem}.cd-unit{position:relative;display:flex;flex-direction:column;align-items:center;min-width:clamp(52px,16vw,72px)}.cd-num{font-family:var(--font-display);font-size:clamp(2rem,9.5vw,3.8rem);font-weight:500;color:var(--ink);line-height:1;font-variant-numeric:lining-nums tabular-nums}.cd-label{margin-top:.6rem;font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;font-size:.66rem;color:var(--gold-deep)}.cd-dot{position:absolute;right:clamp(-.5rem,-1.8vw,-.7rem);top:30%;transform:translateY(-50%);color:var(--gold-deep);font-size:clamp(1.1rem,4vw,1.6rem);opacity:.8}.countdown-foot{display:flex;align-items:center;gap:1.4rem;color:var(--gold-deep);margin-top:.6rem;opacity:.85}.cd-foot-line{width:80px;height:1px;background:var(--gold-line)}.venue{text-align:center}.venue-card{position:relative;margin:1.8rem auto 0;max-width:520px;padding:clamp(1.4rem,5vw,2.4rem);background:linear-gradient(180deg,var(--ivory),var(--cream));border:1px solid rgba(200,169,107,.5);border-radius:10px;box-shadow:0 36px 80px -46px #000}.vc-corner{position:absolute;color:var(--gold-deep);opacity:.85}.vc-corner--tl{top:10px;left:10px}.vc-corner--tr{top:10px;right:10px;transform:scaleX(-1)}.vc-corner--bl{bottom:10px;left:10px;transform:scaleY(-1)}.vc-corner--br{bottom:10px;right:10px;transform:scale(-1)}.venue-info{margin-top:2rem}.venue-name{font-family:var(--font-display);font-style:italic;font-size:clamp(1.6rem,6vw,2.2rem);color:var(--on-royal)}.venue-name-ar{color:var(--gold);font-size:1.1rem;margin-top:.2rem}.venue-note{color:var(--on-royal-soft);max-width:420px;margin:.8rem auto 0}.venue-map{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.venue-time{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,4rem);font-weight:500;color:var(--gold-light);letter-spacing:.04em}.venue-mer{font-size:.34em;letter-spacing:.3em;margin-left:.4em;vertical-align:super;color:var(--on-royal-soft)}.venue-day{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--on-royal)}.venue-day-ar{color:var(--on-royal-soft);margin-top:.2rem}.rsvp{text-align:center}.rsvp-title{color:var(--on-royal)}.rsvp-title-ar{color:var(--gold)}.rsvp-card{margin:1.8rem auto 0;max-width:540px;padding:clamp(1.6rem,5vw,2.6rem);text-align:left}.rsvp-form{display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.45rem;border:none}.field-label{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep)}.field input[type=text],.field select,.field textarea{font-family:var(--font-body);font-size:1rem;color:var(--ink);background:#ffffffbf;border:1px solid rgba(200,169,107,.5);border-radius:8px;padding:.8rem .95rem;transition:border .25s,box-shadow .25s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c8a96b38}.field textarea{resize:vertical}.radio-row{display:flex;flex-wrap:wrap;gap:.6rem}.chip{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .8rem;border:1px solid rgba(200,169,107,.5);border-radius:8px;cursor:pointer;font-size:.86rem;color:var(--ink-soft);background:#ffffff8c;transition:all .25s var(--ease);text-align:center}.chip.active{border-color:var(--gold);background:linear-gradient(135deg,#ecd79c4d,#c8a96b33);color:var(--ink)}.chip input{position:absolute;opacity:0;pointer-events:none}.rsvp-submit{margin-top:.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.rsvp-submit:disabled{opacity:.7;cursor:progress}.rsvp-error{color:#b23a2f;font-size:.9rem;text-align:center}.rsvp-foot{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--ink-soft);font-size:.82rem}.rsvp-foot svg{color:var(--gold-deep)}.rsvp-thanks{text-align:center;padding:1.2rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--ink)}.thanks-ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:var(--ivory);background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));margin-bottom:.4rem}.rsvp-thanks h3{font-size:1.7rem}.rsvp-thanks p{color:var(--ink-soft);max-width:360px}.footer{text-align:center;padding:clamp(3rem,8vw,5rem) 1.4rem clamp(2.4rem,6vw,3.4rem);position:relative;z-index:1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem}.footer-names{font-size:2.6rem;color:var(--gold-light);margin-top:.3rem}.footer-names-ar{font-size:1.15rem;color:var(--gold)}.footer-note{color:var(--on-royal-soft);font-size:.95rem;margin-top:.6rem}.footer-note-ar{color:var(--on-royal-soft)}@media (max-width: 480px){.music-label{display:none}.cd-unit{min-width:56px}.invite-arnames{gap:1.2rem}}:root{--royal-1: #0c1530;--royal-2: #142150;--royal-3: #1d2c63;--royal-soft: #28386f;--gold: #c8a96b;--gold-light: #ecd79c;--gold-deep: #a8854c;--gold-line: rgba(200, 169, 107, .55);--ivory: #fff9f0;--cream: #f8efdc;--cream-2: #f3e8cf;--ink: #1d2750;--ink-soft: #4a5685;--on-royal: #efe4cb;--on-royal-soft: #cdbf9e;--font-script: "Great Vibes", "Brush Script MT", cursive;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-body: "Jost", system-ui, sans-serif;--font-arabic: "Amiri", "Noto Naskh Arabic", serif;--font-kufi: "Noto Kufi Arabic", sans-serif;--maxw: 760px;--radius: 6px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--on-royal);background:var(--royal-1);line-height:1.7;font-weight:300;letter-spacing:.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.12}a{color:inherit}.ar{font-family:var(--font-arabic);direction:rtl;line-height:2.1;font-weight:400}.ar-kufi{font-family:var(--font-kufi);direction:rtl}.script{font-family:var(--font-script);font-weight:400;letter-spacing:.01em;line-height:1.05}.section{position:relative;z-index:1;padding:clamp(3.5rem,9vw,7rem) 1.4rem;max-width:var(--maxw);margin:0 auto}.eyebrow{display:block;text-align:center;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.46em;font-size:.7rem;font-weight:400;color:var(--gold);margin-left:.46em}.sep{display:flex;align-items:center;justify-content:center;gap:.85rem;margin:1.4rem auto;color:var(--gold);width:min(260px,70%)}.sep:before,.sep:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold-line))}.sep:after{background:linear-gradient(90deg,var(--gold-line),transparent)}.sep span{font-family:var(--font-display);font-size:1.1rem;opacity:.9}.btn{font-family:var(--font-body);font-weight:400;letter-spacing:.28em;text-transform:uppercase;font-size:.74rem;color:var(--gold-light);background:transparent;border:1px solid var(--gold-line);border-radius:2px;padding:1rem 2.2rem 1rem 2.48rem;cursor:pointer;transition:all .45s var(--ease);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(236,215,156,.16),transparent);transform:translate(-120%);transition:transform .7s var(--ease)}.btn:hover{border-color:var(--gold);color:var(--ivory);box-shadow:0 0 26px -6px #c8a96b80}.btn:hover:before{transform:translate(120%)}.btn:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.btn--solid{color:var(--royal-1);background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));border-color:transparent}.btn--solid:hover{color:var(--royal-1);box-shadow:0 16px 30px -14px #a8854ccc}.panel{background:linear-gradient(180deg,var(--ivory),var(--cream));color:var(--ink);border:1px solid rgba(200,169,107,.4);border-radius:10px;box-shadow:0 30px 70px -40px #000000b3,inset 0 0 0 1px #fff6}.section-title{font-family:var(--font-display);font-size:clamp(2rem,7vw,3.2rem);text-align:center}.section-sub{text-align:center;font-family:var(--font-display);font-style:italic;font-size:1.1rem;opacity:.85}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}