/* Moonlight Hero Gradients by Lunara Mistrielle 🌙
 * 12 ready-to-use CSS gradients for hero backgrounds. MIT-licensed.
 * Apply: <section class="hero-moon"> ... </section>
 */
.hero-moon       { background: linear-gradient(135deg,#1a1245 0%,#3b2880 50%,#8FF2E8 100%); }
.hero-lavender   { background: linear-gradient(135deg,#faf7ff 0%,#c9b3ff 60%,#8f63f5 100%); }
.hero-blush      { background: radial-gradient(circle at 20% 20%,#ffe4ea 0%,#ffa3b8 50%,#f25278 100%); }
.hero-denim      { background: linear-gradient(160deg,#0f1633 0%,#1f2a55 50%,#5a6dc4 100%); }
.hero-crystal    { background: linear-gradient(135deg,#ecfffd 0%,#8FF2E8 60%,#149791 100%); }
.hero-aurora     { background: linear-gradient(120deg,#8FF2E8 0%,#8f63f5 50%,#f25278 100%); }
.hero-sunset     { background: linear-gradient(180deg,#fff5d6 0%,#ffb78a 50%,#d1365c 100%); }
.hero-meadow     { background: linear-gradient(135deg,#e8fff0 0%,#9fd4a3 60%,#2f7d4a 100%); }
.hero-cosmos     { background: radial-gradient(ellipse at 50% 100%,#3b2880 0%,#0f0826 80%); }
.hero-cotton     { background: linear-gradient(180deg,#ffffff 0%,#f0e9ff 50%,#ffe4ea 100%); }
.hero-noir       { background: linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%); }
.hero-peach      { background: linear-gradient(135deg,#fff5e1 0%,#ffd6a8 50%,#ff9a6c 100%); }