forms.html

<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Khảo sát ý kiến</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-image: url('https://scitechdaily.com/images/Black-Hole-Event-Horizon-Artistic-Illustration-1536x1024.jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
    }

    .form-container {
      width: 90%;
      max-width: 700px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 16px;
      padding: 24px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.3);
    }

    h1 {
      text-align: center;
      color: #ffffff;
      margin-bottom: 20px;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    }

    iframe {
      width: 100%;
      height: 520px;
      border: none;
      border-radius: 10px;
    }

    @media (max-width: 768px) {
      iframe {
        height: 600px;
      }
    }
  </style>
</head>
<body>
  <div class="form-container">
    <h1>📋 Khảo sát ý kiến của bạn</h1>
    <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSciIkpYSUsoQI29LW9pJI77TmXSExPp7U2RzwJSU9PnEwMVwA/viewform?embedded=true" allowfullscreen>Đang tải…</iframe>
  </div>
</body>
</html>