Frequently Asked Questions

<section class="msc-info" aria-label="ManaStar Creations Info">
  <style>
    .msc-info {
      --mint:#AEE6D1;
      --teal:#3BA6A4;
      --purple:#7A4BA3;
      --lav:#BBA4E6;
      --deep:#2C1E4A;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      max-width:900px; margin: 32px auto; padding:24px;
      background:#fafafa; border-radius:20px;
      box-shadow:0 10px 28px rgba(44,30,74,.12);
      position:relative; overflow:hidden;
    }
    .msc-info::before {
      content:""; position:absolute; inset:-80px -20% auto -20%; height:200px;
      background:radial-gradient(800px 200px at 20% 70%, rgba(174,230,209,.45), transparent 70%),
                 radial-gradient(800px 200px at 80% 30%, rgba(187,164,230,.45), transparent 70%),
                 linear-gradient(90deg, var(--purple), var(--teal));
      opacity:.25; filter: blur(12px);
    }
    .msc-stars {
      position:absolute; inset:0; opacity:.25; pointer-events:none;
      background:
        radial-gradient(2px 2px at 15% 25%, #fff, transparent 60%),
        radial-gradient(2px 2px at 85% 20%, #fff, transparent 60%),
        radial-gradient(2px 2px at 30% 70%, #fff, transparent 60%),
        radial-gradient(2px 2px at 65% 50%, #fff, transparent 60%),
        radial-gradient(2px 2px at 92% 75%, #fff, transparent 60%);
    }
    .msc-section {
      background:#fff; border:1px solid rgba(122,75,163,.18);
      border-radius:16px; padding:18px 20px; margin:18px 0;
    }
    .msc-section h2 {
      margin:0 0 12px; font-size:1.4rem; color:var(--deep);
      display:flex; align-it