Embed

<section style="font-family:'Poppins',sans-serif;background:#ffffff;color:#0f172a;min-height:100vh;display:flex;justify-content:center;align-items:center;">
  <div style="max-width:400px;width:100%;padding:30px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.1);background:#fff;text-align:center;">
    <h2 style="background:linear-gradient(90deg,#7873f5,#ff6ec4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Mind-Tech Academy</h2>
    <h3 style="margin-bottom:20px;">Student Login</h3>

    <form id="loginForm">
      <input id="mtid" type="text" placeholder="MTID" style="width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;">
      <input id="password" type="password" placeholder="Password" style="width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;font-size:14px;">
      <button type="submit" style="width:100%;padding:12px;background:linear-gradient(90deg,#7873f5,#ff6ec4);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;">Login</button>
    </form>

    <p id="loginMessage" style="margin-top:15px;font-size:13px;color:#ff6ec4;"></p>
  </div>

  <script>
  document.getElementById('loginForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const mtid = document.getElementById('mtid').value.trim();
    const password = document.getElementById('password').value.trim();

    const res = await fetch('https://auth.register-d12.workers.dev/login', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ mtid, password })
    });

    const data = await res.json();
    const msg = document.getElementById('loginMessage');

    if (data.success) {
      localStorage.setItem('MTA_USER_ID', mtid);
      msg.style.color = '#00b894';
      msg.textContent = 'Login successful. Redirecting...';
      setTimeout(() => { window.location.href = data.redirect; }, 1000);
    } else {
      msg.style.color = '#ff6ec4';
      msg.textContent = data.message;
    }
  });
  </script>
</section>