*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html body{color:#0a1628;-webkit-text-size-adjust:100%;min-height:100dvh;font-family:DM Sans,sans-serif;line-height:1.55;overflow-x:hidden}input,button,textarea,select{font:inherit}button,select{text-transform:none}@keyframes spin{to{transform:rotate(360deg)}}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}#prerender~#root{visibility:hidden;width:100%;position:absolute;top:0;left:0}#root{min-height:100dvh}img,video,canvas{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:2px;outline:2px solid #d4af37}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.invitation-page{--primary:#8b6f4e;--secondary:#d4af37;--accent:#f5e6d3;--bg:#fdf8f0;--text:#2c1810;--font-display:"Playfair Display", serif;--font-body:"Poppins", sans-serif;--font-arabic:"Amiri", serif}.fade-up{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity 1s}.fade-in.visible{opacity:1}.scale-in{opacity:0;transition:opacity .8s,transform .8s;transform:scale(.9)}.scale-in.visible{opacity:1;transform:scale(1)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af37}::selection{color:#0a1628;background:#d4af37}.ornament-divider{color:var(--secondary,#d4af37);opacity:.7;justify-content:center;align-items:center;gap:12px;padding:20px 0;font-size:1.2rem;display:flex}.ornament-divider:before,.ornament-divider:after{content:"";background:currentColor;width:60px;height:1px}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.invitation-page button,.mantine-Button-root,.mantine-ActionIcon-root,.jp-press{transition:transform .2s var(--ease-out), box-shadow .3s var(--ease-out), background-color .2s ease, border-color .2s ease, color .2s ease, filter .2s ease;touch-action:manipulation}.invitation-page button:active:not(:disabled),.mantine-Button-root:active:not(:disabled):not([data-disabled]),.mantine-ActionIcon-root:active:not(:disabled):not([data-disabled]),.jp-press:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.mantine-Button-root:hover:not(:disabled):not([data-disabled]):not(:active),.jp-lift:hover{transform:translateY(-2px)}.jp-lift:hover{box-shadow:0 18px 40px #0a16281f}}.jp-lift{transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .25s ease}.jp-shine{isolation:isolate;position:relative;overflow:hidden}.jp-shine:after{content:"";z-index:1;animation:jp-shine 4.5s var(--ease-out) infinite;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.jp-shine:hover:after{animation-duration:1.1s}@keyframes jp-shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.jp-spotlight{isolation:isolate;position:relative}.jp-spotlight:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,-40%), #d4af3729, transparent 70%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.jp-spotlight:hover:before{opacity:1}}@keyframes jp-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-14px)}}@keyframes jp-drift{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(4%,-6%)scale(1.08)}66%{transform:translate(-5%,4%)scale(.95)}}@keyframes jp-pulse-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.jp-skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%) 0 0/400% 100%;border-radius:10px;animation:1.4s infinite jp-skeleton}@keyframes jp-skeleton{0%{background-position:100%}to{background-position:0}}.jp-toast.jp-toast{padding-inline-start:36px}.jp-toast.jp-toast:before{top:19px;bottom:auto;border-radius:50%;width:9px;height:9px;inset-inline-start:16px}html.jp-framed,html.jp-framed body{scrollbar-width:none}html.jp-framed::-webkit-scrollbar{display:none}html.jp-framed body::-webkit-scrollbar{display:none}.invitation-page input,.invitation-page textarea{transition:border-color .25s,box-shadow .25s,background-color .25s!important}.invitation-page input:focus,.invitation-page textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary-color,#d4af37) 18%, transparent);border-color:var(--secondary-color,#d4af37)!important}@media (width>=900px){.invitation-page:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color,#8b6f4e) 20%, transparent) 0%, color-mix(in srgb, var(--primary-color,#8b6f4e) 9%, transparent) calc(50% - 300px), transparent calc(50% - 300px), transparent calc(50% + 300px), color-mix(in srgb, var(--primary-color,#8b6f4e) 9%, transparent) calc(50% + 300px), color-mix(in srgb, var(--primary-color,#8b6f4e) 20%, transparent) 100%);position:fixed;inset:0}.invitation-page:after{content:"";z-index:0;pointer-events:none;border-left:1px solid color-mix(in srgb, var(--secondary-color,#d4af37) 30%, transparent);border-right:1px solid color-mix(in srgb, var(--secondary-color,#d4af37) 30%, transparent);width:600px;box-shadow:0 0 60px color-mix(in srgb, var(--primary-color,#8b6f4e) 16%, transparent);position:fixed;top:0;bottom:0;left:calc(50% - 300px)}}.ja-trend{align-items:stretch;gap:2px;height:64px;margin-top:8px;display:flex}.ja-trend-day{cursor:default;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;padding:0;display:flex}.ja-trend-day>span{background:#2a78d6;border-radius:4px 4px 0 0;width:100%;max-width:24px;display:block}.ja-trend-day:hover,.ja-trend-day:focus-visible{background:#f1f5f9;outline:none}.ja-trend-day:hover>span,.ja-trend-day:focus-visible>span{background:#1b5cab}
