@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');*{box-sizing:border-box}body{margin:0;text-align:center;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text)}.back{position:fixed;top:20px;left:20px;z-index:4;background:#fffffff0;padding:12px 18px;color:#333;text-decoration:none;font-size:12px;box-shadow:0 2px 15px #0001}.banner{position:fixed;top:18px;right:18px;z-index:3;background:#fffbea;color:#555;padding:10px 14px;font-size:11px;border:1px solid #d8d2bf}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:95px 20px 70px;background:var(--bg)}.invitation{max-width:560px;width:100%;padding:70px 26px;border:1px solid var(--border);position:relative}.invitation:before,.invitation:after{content:'❧';position:absolute;color:var(--deco);font-size:160px;opacity:.25;z-index:0}.invitation:before{top:-80px;left:-45px}.invitation:after{bottom:-90px;right:-30px;transform:rotate(180deg)}.invitation>*{position:relative}.overline{text-transform:uppercase;letter-spacing:.26em;font-size:10px;line-height:1.9}h1{font-family:'Great Vibes',cursive;font-size:clamp(65px,10vw,102px);font-weight:400;line-height:1.15;margin:35px 0}h1 span{font-size:.7em}h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:400;margin:0 0 18px}.separator{font-size:23px;color:var(--deco);margin:25px auto}p{font-size:14px;line-height:2}strong{font-weight:600}.rsvp{border:1px solid var(--border);background:transparent;color:var(--text);padding:16px 42px;letter-spacing:.18em;text-transform:uppercase;font-size:11px;cursor:pointer;margin-top:25px}.rsvp:hover{background:var(--text);color:var(--bg)}.details{padding:110px 20px}.details-inner{max-width:700px;margin:auto}.details p{margin-bottom:32px}.footer{padding:40px;font-size:11px;letter-spacing:.18em;border-top:1px solid var(--border)}.demo-msg{max-width:450px;padding:16px 20px;margin:20px auto;border:1px solid var(--border);font-size:12px;line-height:1.8}body.romantic{--bg:#f7eee8;--text:#775d63;--border:#d1b9b2;--deco:#b18c94}body.minimal{--bg:#e5ded5;--text:#363632;--border:#aaa69d;--deco:#afa396}body.royal{--bg:#213d35;--text:#e2cda8;--border:#988967;--deco:#ba9d66}body.minimal h1{font-family:'Playfair Display',serif;font-size:clamp(65px,12vw,120px);letter-spacing:-.08em}body.royal h1{font-size:clamp(65px,10vw,110px)}@media(max-width:600px){.banner{top:auto;bottom:12px;right:12px;left:12px}.invitation{padding:60px 15px}.back{top:10px;left:10px}}