<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
  <title>Trial Error – Collnetwork</title>
  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&display=swap" rel="stylesheet">
  <style>
    *{margin:0;padding:0;box-sizing:border-box;}
    body{font-family:'Nunito',sans-serif;min-height:100vh;
      background:linear-gradient(135deg,#3b1f6e,#1a0a3c);
      display:flex;align-items:center;justify-content:center;padding:24px;}
    .card{background:white;border-radius:20px;padding:36px 32px;
      max-width:400px;width:100%;text-align:center;
      box-shadow:0 20px 60px rgba(0,0,0,0.4);}
    .icon{font-size:52px;margin-bottom:12px;}
    h1{color:#1a0a3c;font-size:20px;font-weight:900;margin-bottom:8px;}
    p{color:#7c6fa0;font-size:14px;margin-bottom:24px;line-height:1.6;}
    a{display:block;padding:12px;background:#f3eeff;color:#6b3fa0;
      border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;}
  </style>
</head>
<body>
  <div class="card">
    <div class="icon">⚠️</div>
    <h1>Access the trial from the hotspot page</h1>
    <p>Please click the trial button directly from the Collnetwork WiFi login page.</p>
    <a href="javascript:history.back()">← Go Back</a>
  </div>
</body>
</html>
