*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Georgia,"Times New Roman",serif}
body{background:#eee;color:#4b3a35}
.invite{width:100%;min-height:100vh;overflow:hidden}
.hero,.details{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px}
.hero{position:relative;background:linear-gradient(135deg,#fffaf5,#f8e9df)}
.small{letter-spacing:4px;font:600 11px Arial,sans-serif;color:#92766b}
h1{font-size:clamp(48px,10vw,92px);font-weight:400;line-height:1.05;margin:22px 0 16px;animation:floatIn 1.2s ease both}
h1 span{font-style:italic;font-size:.65em}
.date{letter-spacing:5px;font:600 12px Arial,sans-serif}
button{margin-top:32px;border:1px solid #8d6c60;background:transparent;color:#5c463e;border-radius:999px;padding:14px 28px;font-size:14px;cursor:pointer;transition:.3s}
button:hover{background:#5c463e;color:white}
.hint{font:11px Arial,sans-serif;opacity:.55;margin-top:12px}
.petal{position:absolute;opacity:.35;animation:drift 5s ease-in-out infinite}
.p1{top:18%;left:16%}.p2{top:30%;right:15%;animation-delay:1s}.p3{bottom:18%;left:25%;animation-delay:2s}
.details{background:#fffaf6}
.hidden{display:none}
.details h2{font-size:clamp(34px,7vw,58px);font-weight:400;margin:15px 0}
.message{line-height:1.8;font-size:16px}
.card{width:min(520px,100%);margin:18px auto;padding:24px;border:1px solid #ead8ce;border-radius:18px;background:#fff}
.card div{font-size:28px;margin-bottom:8px}.card strong{font-size:18px;font-weight:400}.card p{font:14px Arial,sans-serif;line-height:1.5}
.footer{margin-top:30px;font-size:15px}
.fade-in{animation:fadeUp 1s ease both}
@keyframes floatIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@keyframes drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(12deg)}}
@media(min-width:768px){.hero,.details{padding:60px}.invite{max-width:1100px;margin:auto;box-shadow:0 0 50px #ccc}}