<style>
/* RESET */
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

/* BODY */
body{
  font-family: Arial, Helvetica, sans-serif;
  background:#f2f4f7;
  color:#333;
  line-height:1.6;
}

/* BOX UTAMA */
.safelink-box{
  max-width:520px;
  margin:40px auto;
  background:#ffffff;
  padding:25px;
  border-radius:10px;
  text-align:center;
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

/* JUDUL */
.safelink-box h2{
  font-size:20px;
  margin-bottom:10px;
  color:#1a1a1a;
}

/* DESKRIPSI */
.safelink-box p{
  font-size:14px;
  color:#666;
  margin-bottom:15px;
}

/* IKLAN CONTAINER */
#container-2135de3befc183b4730a88c5c19837c5{
  margin:15px auto 20px;
  text-align:center;
}

/* TIMER */
#timer{
  margin-top:15px;
  font-size:15px;
  font-weight:bold;
  color:#d32f2f;
}

/* TOMBOL */
#btn{
  display:inline-block;
  width:100%;
  margin-top:15px;
  padding:14px 0;
  font-size:16px;
  font-weight:600;
  background:#d32f2f;
  color:#fff;
  border:none;
  border-radius:6px;
  cursor:pointer;
  transition:all .3s ease;
}

/* TOMBOL DISABLED */
#btn:disabled{
  background:#bdbdbd;
  cursor:not-allowed;
}

/* HOVER */
body {
      margin: 0;
      background: #0f172a;
      color: #fff;
      font-family: Arial, sans-serif;
    }

    .container {
      max-width: 900px;
      margin: auto;
      padding: 20px;
    }

    h1 {
      text-align: center;
      margin-bottom: 15px;
    }

    .video-box {
      position: relative;
      background: #000;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,.5);
    }

    video {
      width: 100%;
      height: auto;
      display: block;
    }

    .note {
      text-align: center;
      opacity: 0.7;
      margin-top: 10px;
      font-size: 14px;
    }
