body{margin:0;font-family:Poppins,sans-serif;background:#fff;color:#333}
h1,h2,h3{font-family:Pacifico,cursive;color:#ff69b4}
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid #f0f0f0}
nav .inner{display:flex;justify-content:center;gap:24px;padding:10px 16px}
nav a{text-decoration:none;color:#333;font-weight:600}
nav a:hover{color:#ff1493}
.hero{text-align:center;padding:72px 20px 60px;background:linear-gradient(to bottom,#ffe6f2,#ffb6c1,#ff69b4)}
.hero img.logo{width:180px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#ff69b4,#ff1493);font-weight:700;box-shadow:0 8px 18px rgba(255,20,147,.35);position:relative;overflow:hidden;transition:.3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,20,147,.45)}
.section{padding:56px 20px}
.section h2{text-align:center;margin-bottom:20px;font-size:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1120px;margin:0 auto}
.card{background:#fff;border:1px solid #f5d1e3;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(255,20,147,.1);transition:.3s;text-align:center;position:relative}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.card:hover{transform:scale(1.03);box-shadow:0 8px 24px rgba(255,20,147,.3)}
.card .content{padding:14px}
.price{color:#ff69b4;font-weight:700}
.tagline{font-size:14px;color:#777;font-style:italic;margin-top:6px}
footer{text-align:center;padding:34px 20px;color:#888;border-top:1px solid #f0f0f0}
footer a{color:#ff69b4;font-weight:700;text-decoration:none}
.floating-shop{position:fixed;right:18px;bottom:18px;z-index:60}
.floating-shop a{padding:14px 24px}
#welcome{position:fixed;inset:0;background:rgba(255,192,203,0.92);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;transition:opacity 1s ease}
#welcome .box{padding:30px;border:4px solid #ff69b4;border-radius:16px;box-shadow:0 0 20px #ff69b4;background:#fff;text-align:center}
#welcome.fadeout{opacity:0;pointer-events:none}
.star{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;opacity:.8;animation:twinkle 2s infinite ease-in-out}
@keyframes twinkle{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes sparkle{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.sparkle:hover:after{content:'✨';position:absolute;top:10%;left:10%;animation:sparkle 1s infinite;color:#ff69b4;font-size:20px}