:root{--gold: #C6A769;--text: #ffffff}body{margin:0;font-family:Lora,serif;overflow:hidden}.app{height:100vh;position:relative;color:var(--text)}.background{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .6s ease;z-index:-2}.background:after{content:"";position:absolute;inset:0;background:#00000073}.bg-fade-in{opacity:1}.bg-fade-out{opacity:0}.section{height:100vh;max-width:900px;margin:auto;padding:0 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s ease,transform .6s ease;text-align:center}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(15px)}.section h2{font-family:Playfair Display,serif;font-size:2.3rem}.names{font-family:Allura,cursive;font-size:3.5rem;margin:10px 0 20px}.text{max-width:650px;font-size:1.1rem;line-height:1.7}.gallery{display:flex;gap:15px;margin-top:20px}.gallery img{width:180px;height:240px;object-fit:cover;border-radius:8px}.map{margin-top:20px}.map iframe{width:300px;height:200px;border:none;border-radius:10px}.rsvp-box{margin-top:20px;display:flex;flex-direction:column;gap:10px}input,select{padding:10px;border:none;border-radius:5px}button{padding:10px 25px;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer}button:hover{background:var(--gold);color:#fff}.buttons{margin-top:30px;display:flex;gap:20px}.footer{position:absolute;bottom:20px;width:100%;text-align:center;font-family:Playfair Display,serif;color:var(--gold)}.background{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .8s ease;z-index:-2;animation:slowZoom 18s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}
