*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#FDF6F0;font-family:'Nunito',sans-serif;font-weight:400;font-size:17px;line-height:1.85;color:#6B5E54;min-height:100vh}
.hero{text-align:center;padding:100px 20px 60px;position:relative;opacity:0;transform:translateY(16px);transition:all 0.6s ease}
.hero.visible{opacity:1;transform:translateY(0)}
.wreath{margin:0 auto 24px;width:120px;height:120px;position:relative}
.wreath-svg{width:100%;height:100%;animation:spin-slow 30s linear infinite}
@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
h1{font-family:'Nunito',sans-serif;font-weight:700;font-size:clamp(28px,4vw,48px);color:#5B4A3F;margin-bottom:8px}
.tagline{font-size:16px;color:#A89080}
.accent-label{font-family:'Nunito',sans-serif;font-weight:600;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:#A89080;display:block;margin-bottom:12px}
.card{max-width:560px;margin:0 auto;padding:40px;background:#F5EDE5;border-radius:8px;opacity:0;transform:translateY(20px);transition:all 0.5s ease}
.card.visible{opacity:1;transform:translateY(0)}
h2{font-family:'Nunito',sans-serif;font-weight:700;font-size:24px;color:#5B4A3F;margin-bottom:12px}
.breathing-space{height:80px}
@media(max-width:768px){.hero{padding:60px 20px 40px}.card{margin:0 20px;padding:28px}}