<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/@phosphor-icons/web"></script>

<style>
  .edu-login-bg {
    background:
      radial-gradient(circle at top, rgba(59, 130, 246, 0.18), transparent 32%),
      radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.12), transparent 28%),
      linear-gradient(135deg, #eef4ff, #dfeafe, #d4e3fc);
  }

  .edu-grid-overlay {
    background-image:
      linear-gradient(rgba(255,255,255,0.24) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.24) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: 0.22;
  }
</style>