*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fbf6f0;color:#4b2d20}
body{font-family:Arial,Helvetica,sans-serif}
.invite{width:min(100%,862px);margin:0 auto;background:#fbf6f0;overflow:hidden}
.visual-part{display:block;width:100%;height:auto}
.rsvp-section{padding:0 10.5%;background:#fbf6f0}
.rsvp-card{background:#fffdfb;border:1px solid rgba(151,89,59,.12);border-radius:22px;box-shadow:0 8px 28px rgba(91,57,39,.10);padding:20px 28px 16px}
.rsvp-card h2{margin:0 0 14px;text-align:center;font-family:"Segoe Script","Brush Script MT",cursive;font-size:29px;font-weight:400;color:#6b4032;line-height:1.1}
form{display:grid;gap:10px}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:grid;gap:5px;font-size:13px;font-weight:700;color:#4f3023}
input,textarea{width:100%;border:1px solid #d6b7a8;border-radius:5px;background:#fffefd;color:#4f3023;font:400 14px/1.35 Arial,Helvetica,sans-serif;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus{border-color:#c95b36;box-shadow:0 0 0 3px rgba(201,91,54,.12)}
textarea{min-height:92px;resize:vertical}
.submit-btn{justify-self:center;border:0;border-radius:999px;background:#cb5833;color:#fff;padding:12px 26px;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 3px 0 rgba(128,56,36,.08)}
.submit-btn:hover{filter:brightness(.98)}
.submit-btn:active{transform:translateY(1px)}
.privacy{margin:0;text-align:center;font-size:12px;color:#7b6357;font-weight:400}
.form-status{margin:2px auto 0;max-width:520px;border-radius:12px;background:#f7ece5;padding:10px 14px;text-align:center;font-size:13px;color:#6b4032}
.bottom-wrap{position:relative}
.wishlist-link{position:absolute;display:block;left:59.2%;top:25.5%;width:29.2%;height:23.5%;border-radius:999px}
.wishlist-link:focus-visible{outline:3px solid #7c3e28;outline-offset:3px}
@media (max-width:600px){
  .rsvp-section{padding:0 6%}
  .rsvp-card{border-radius:14px;padding:14px 14px 12px}
  .rsvp-card h2{font-size:22px;margin-bottom:10px}
  .grid-two{gap:10px}
  label{font-size:12px}
  input,textarea{font-size:16px;padding:9px 10px}
  textarea{min-height:78px}
  .submit-btn{font-size:13px;padding:11px 18px}
  .privacy{font-size:10px}
}
@media (max-width:410px){
  .grid-two{grid-template-columns:1fr}
  .rsvp-section{padding:0 5%}
}