/* ppuzzl.party */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fef3c7; color: #1a1a1a; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.6; }
.invite { text-align: center; padding: 5rem 2rem 3rem; position: relative; overflow: hidden; }
.confetti { position: absolute; width: 8px; height: 8px; }
.c1 { background: #f472b6; top: 10%; left: 15%; transform: rotate(25deg); border-radius: 50%; }
.c2 { background: #60a5fa; top: 20%; right: 20%; transform: rotate(-15deg); }
.c3 { background: #4ade80; top: 50%; left: 30%; transform: rotate(45deg); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); width: 10px; height: 10px; }
.c4 { background: #fb923c; top: 15%; left: 60%; transform: rotate(10deg); border-radius: 50%; }
.c5 { background: #f472b6; top: 60%; right: 15%; transform: rotate(-30deg); }
.c6 { background: #60a5fa; top: 70%; left: 10%; transform: rotate(20deg); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); width: 10px; height: 10px; }
.brand { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(2.5rem, 6vw, 4rem); position: relative; z-index: 1; }
.party-badge { display: inline-block; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 0.85rem; background: #f472b6; border: 3px solid #1a1a1a; padding: 0.3rem 1rem; margin-top: 1rem; animation: wiggle 1.5s ease-in-out infinite; }
@keyframes wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
.events { max-width: 460px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1.2rem; }
.event-card { border: 3px solid #1a1a1a; padding: 1.5rem; }
.pink-card { background: #f472b6; }
.blue-card { background: #60a5fa; }
.green-card { background: #4ade80; }
.orange-card { background: #fb923c; }
.event-title { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.1rem; margin-bottom: 0.3rem; }
.event-desc { font-size: 0.75rem; margin-bottom: 0.5rem; }
.event-code { font-family: 'Fira Code', monospace; font-size: 0.7rem; font-weight: 700; }
.confetti-zone { position: relative; height: 120px; overflow: hidden; }
.rsvp { text-align: center; padding: 3rem 2rem 5rem; }
.rsvp-box { display: inline-block; border: 3px solid #1a1a1a; padding: 2rem 3rem; }
.rsvp-text { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 1.5rem; }
.star-confetti { display: inline-block; width: 12px; height: 12px; background: #fbbf24; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); margin-left: 0.5rem; vertical-align: middle; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }