*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#FFF5E6;font-family:'Nunito',sans-serif;font-weight:400;font-size:16px;line-height:1.75;color:#2A2A2A;overflow-x:hidden;position:relative}
.shape{position:fixed;z-index:0;pointer-events:none;opacity:0;transition:opacity 0.3s}
.shape.visible{opacity:1}
.shape-circle{width:40px;height:40px;border-radius:50%}
.s1{top:10%;left:8%;background:#FFD633}
.s2{top:30%;right:12%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid #FF4466}
.s3{bottom:20%;left:15%;width:60px;height:4px;background:repeating-linear-gradient(90deg,#44DDAA 0px,#44DDAA 8px,transparent 8px,transparent 16px)}
.s4{bottom:35%;right:8%;background:#8844FF;width:30px;height:30px;border-radius:50%}
.hero{text-align:center;padding:100px 20px 40px;position:relative;z-index:1}
h1{font-family:'Lilita One',cursive;font-size:56px;color:#1A1A1A;margin-bottom:0}
.letter{display:inline-block;opacity:0;transform:scale(0);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}
.letter.visible{opacity:1;transform:scale(1)}
.l1{color:#FF4466}.l2{color:#FFD633}.l3{color:#44DDAA}.l4{color:#8844FF}.l5{color:#FF4466}.l6{color:#FFD633}.l7{color:#44DDAA}.l8{color:#8844FF}
.subtitle{font-family:'Lilita One',cursive;font-size:32px;color:#1A1A1A}
.tagline{font-size:18px;color:#2A2A2A;max-width:400px;margin:16px auto 0}
.wave-divider{width:100%;height:40px;display:block;position:relative;z-index:1}
.content-card{max-width:560px;margin:0 auto;padding:40px;border:3px solid #1A1A1A;border-radius:24px;position:relative;z-index:1;opacity:0;transform:translateY(20px) rotate(-1deg);transition:all 0.4s ease}
.content-card.visible{opacity:1;transform:translateY(0) rotate(-1deg)}
.card-pink{background:#FFD4E8;transform:rotate(-2deg)}
.card-pink.visible{transform:rotate(-2deg)}
.card-green{background:#E8FFD4;transform:rotate(1deg)}
.card-green.visible{transform:rotate(1deg)}
.card-blue{background:#D4F0FF;transform:rotate(-1deg)}
.card-blue.visible{transform:rotate(-1deg)}
.marker-label{font-family:'Permanent Marker',cursive;font-size:14px;color:#FF4466;display:block;margin-bottom:8px}
h2{font-family:'Lilita One',cursive;font-size:32px;color:#1A1A1A;margin-bottom:12px}
@media(max-width:768px){h1{font-size:40px}.content-card{margin:0 20px;padding:24px}h2{font-size:24px}}