html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.info-container{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;background:#f3f3f3;display:flex;flex-direction:column;align-items:center;padding:20px;gap:40px}.pop{opacity:0;transform:translateY(60px) scale(.98);animation:popUp .7s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.6s}.delay-3{animation-delay:1s}@keyframes popUp{0%{opacity:0;transform:translateY(60px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.info-canvas{width:100%;max-width:600px;display:flex;flex-direction:column;gap:40px}.info-img{width:100%;height:auto}.registry{width:clamp(110px,18vw,160px)}.diaper{width:95%;max-width:520px;margin:0 auto}.books{position:relative;z-index:2;margin:120px 0 0 40px}.rsvp{width:85%;margin-top:10px}.invite{width:clamp(260px,80%,520px)}.top-section{display:flex;justify-content:center;align-items:flex-start;gap:clamp(20px,6vw,80px)}.registry-block{flex-direction:column;gap:20px;width:clamp(140px,35%,260px);display:flex;align-items:center;margin-top:40%}.invite-block{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:clamp(260px,70%,520px)}.flags{width:150%;margin-bottom:-60%;transform:translate(10%) rotate(25deg)}.circle-wrapper{position:relative;width:clamp(120px,20vw,160px);margin-top:30%}.registry-circle{width:100%;display:block}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:140%;display:flex;flex-direction:column;gap:clamp(2px,.8vw,6px)}.circle-text-normal{font-family:Playfair Display,serif;font-size:clamp(12px,2.2vw,16px);letter-spacing:1px}.circle-text-registry{font-family:Great Vibes,cursive;font-size:clamp(20px,3.5vw,26px)}.qr-wrapper{position:relative}.qr-flag{position:absolute;top:-15%;left:50%;transform:translate(-50%,-100%) rotate(30deg);width:250%}.books-flag{position:absolute;left:8%;top:-5%;transform:translate(-50%) rotate(-18deg);width:95%;pointer-events:none;z-index:1}.books{position:relative;z-index:2}.mid-section2{position:relative}.rsvp-text{position:absolute;top:67%;left:47%;transform:translate(-50%,-50%);font-size:200%;font-family:Great Vibes,cursive;color:#fff}.rsvp-text:hover{transform:translate(-50%,-50%) scale(1.05)}.rsvp{width:100%;display:block}.rsvp-wrapper:active .rsvp-text{transform:translate(-50%,-50%) scale(1.05)}.rsvp-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:999}.rsvp-modal{background:#fff;padding:30px;border-radius:16px;width:min(90vw,420px);box-shadow:0 20px 60px #0003;animation:popUp .3s ease}.rsvp-form{display:flex;flex-direction:column;gap:12px}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{padding:10px;border-radius:8px;border:1px solid #ddd;font-size:14px}.rsvp-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.rsvp-send{background:#e6a5b4;border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer}.rsvp-close{background:transparent;border:1px solid #ccc;padding:8px 16px;border-radius:8px;cursor:pointer}.rsvp-container{display:flex;flex-direction:column;align-items:center}.rsvp-image{position:static;width:100%;max-width:380px;display:block}.rsvp-card{position:relative;width:100%;cursor:pointer}.rsvp-bg{width:100%;display:block}.rsvp-label{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-family:Great Vibes,cursive;font-size:clamp(25px,5vw,34px);color:#fff;font-weight:700;text-align:center;width:100%}.pop-flag{opacity:0;animation:popFlag .7s ease forwards}@keyframes popFlag{0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scale(.95)}to{opacity:1;transform:translate(-50%,-25%) rotate(-18deg) scale(1)}}.rsvp-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:160px;padding:30px 10px;gap:8px}.rsvp-success h3,p{font-family:Great Vibes,cursive;font-size:32px;color:#c58a96;margin:0}.rsvp-modal{background:#fff;padding:30px;border-radius:16px;width:min(90vw,420px);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;align-items:center}.rsvp-title{margin-bottom:10px}