@font-face{font-family:Andasia;src:url(../assets/Andasia.ttf) format("truetype");font-display:swap}:root{--crimson: #53161A;--crimson-dark: #3d1013;--gold: #C9A84C;--gold-light: #E8D5A3;--gold-pale: #F5EDD0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--crimson-dark);font-family:Cormorant Garamond,serif;height:100dvh;overflow:hidden}.page-wrap{width:100%;max-width:480px;height:100dvh;overflow:hidden;margin:0 auto;position:relative;background:var(--crimson);background-image:radial-gradient(ellipse at top,rgba(201,168,76,.07) 0%,transparent 55%),radial-gradient(ellipse at bottom,rgba(201,168,76,.05) 0%,transparent 55%)}.section{height:100dvh;padding:70px 48px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.landing-section{padding:clamp(44px,7dvh,70px) clamp(36px,8vw,52px) clamp(34px,5dvh,50px);gap:clamp(14px,2.4dvh,22px)}.section-separator{height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.4),transparent);margin:0 40px}.cinzel{font-family:Cinzel,serif}.arabic{font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:1.5rem;color:var(--gold-light);text-align:center;letter-spacing:.02em;line-height:1.6;direction:rtl}.name-script{font-family:Andasia,Great Vibes,cursive;color:var(--gold-light);text-align:center;line-height:1;text-shadow:0 2px 25px rgba(201,168,76,.25)}.divider{display:flex;align-items:center;gap:10px}.divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.5),transparent)}.divider-diamond{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}.btn-rsvp{display:block;width:100%;padding:14px 20px;background:transparent;border:1.5px solid var(--gold);border-radius:2px;color:var(--gold-light);font-family:Cinzel,serif;font-size:.82rem;font-weight:600;letter-spacing:.22em;cursor:pointer;text-transform:uppercase;position:relative;overflow:hidden;transition:all .35s ease;text-align:center}.btn-rsvp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#c9a84c26,#c9a84c0d);opacity:0;transition:opacity .3s}.btn-rsvp:hover:before{opacity:1}.btn-rsvp:hover{box-shadow:0 0 20px #c9a84c40}.btn-rsvp:active{transform:scale(.98)}.btn-rsvp:disabled{opacity:.7;cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-weight:600}.form-input{background:#0000004d;border:1px solid rgba(201,168,76,.35);border-radius:2px;padding:12px 14px;color:var(--gold-pale);font-family:Cormorant Garamond,serif;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s;width:100%}.form-input::placeholder{color:#c9a84c4d}.form-input:focus{border-color:#c9a84cb3;box-shadow:0 0 0 3px #c9a84c14}select.form-input option{background:#3d1013;color:var(--gold-pale)}.form-error{color:#e88888;font-size:.78rem;font-family:Cormorant Garamond,serif}.success-icon{width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:pulseRing 2s ease infinite}@keyframes pulseRing{0%,to{box-shadow:0 0 #c9a84c66}50%{box-shadow:0 0 0 12px #c9a84c00}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s ease forwards}.d1{animation-delay:.08s;opacity:0}.d2{animation-delay:.22s;opacity:0}.d3{animation-delay:.36s;opacity:0}.d4{animation-delay:.5s;opacity:0}.d5{animation-delay:.64s;opacity:0}.d6{animation-delay:.78s;opacity:0}.d7{animation-delay:.92s;opacity:0}.d8{animation-delay:1.06s;opacity:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#c9a84c26;border:1px solid rgba(201,168,76,.5);color:var(--gold-light);padding:10px 22px;border-radius:2px;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.1em;z-index:1000;white-space:nowrap;animation:fadeUp .4s ease}.env-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--crimson-dark);z-index:200;transition:opacity .55s ease;overflow:hidden;display:flex;align-items:center;justify-content:center}.env-screen--fade{opacity:0;pointer-events:none}.env-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.09) 0%,transparent 68%);pointer-events:none}.env-body{position:relative;width:calc(100% - 30px);height:0;padding-bottom:calc(65% - 31px);background:#f5edd0;border:none;box-shadow:0 20px 60px #0009;perspective:900px}.env-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.env-flap{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,50% 50%);background:linear-gradient(165deg,#edd9a3,#e2cc88);transform-origin:top center;transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1s cubic-bezier(.4,0,.2,1);z-index:2;filter:drop-shadow(0 3px 5px rgba(120,80,10,.18))}.env-flap--open{transform:rotateX(-178deg)}.env-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;z-index:3;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6)) drop-shadow(0 2px 6px rgba(100,10,20,.4));transition:filter .3s ease,transform .35s ease,opacity .35s ease;animation:sealPulse 2.8s ease-in-out infinite}.env-seal:hover{filter:drop-shadow(0 8px 22px rgba(0,0,0,.65)) drop-shadow(0 0 14px rgba(201,168,76,.35));animation:none;transform:translate(-50%,-50%) scale(1.08)}.env-seal:active{transform:translate(-50%,-50%) scale(.94)}.env-seal--gone{opacity:0;transform:translate(-50%,-50%) scale(.65);animation:none;pointer-events:none;transition:opacity .25s ease,transform .25s ease}@keyframes sealPulse{0%,to{filter:drop-shadow(0 6px 18px rgba(0,0,0,.6)) drop-shadow(0 0 0px rgba(201,168,76,0))}50%{filter:drop-shadow(0 6px 18px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(201,168,76,.28))}}.env-prompt{font-size:.58rem;letter-spacing:.24em;color:#c9a84c73;text-transform:uppercase;text-align:center;animation:fadeUp .9s ease .7s both;min-height:1em}@media (min-width: 768px){body{display:flex;justify-content:center;align-items:center}.page-wrap{border-radius:4px;box-shadow:0 30px 80px #000000b3;height:100dvh;max-height:900px}.section{height:100%}}