<!doctype html>
<html amp lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
<script async custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script>
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Game",
    "name": "Sangar77",
    "author": {
     "@type": "Person",
     "name": "Sangar77"
        },
   "headline": "Sangar77 : Link Resmi Authentic Alternatif Terintegrasi Google Login",
  "description": "Bermain di link situs pilihan resmi alternatif Sangar77 Di Indonesia maju",
  "keywords": ["Sangar77"],
  "image": "https://cdn.rbtasset.com/assets/tpl/7b007d697f/images/favicon.ico",
      "url": "https://sangar77.it.com",
    "publisher": {
        "@type": "Organization",
        "name": "Sangar77"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "80",
        "bestRating": "124",
        "worstRating": "0",
        "ratingCount": "777168"
      },
      "inLanguage": "id"
    }
</script>
<title>Sangar77 : Link Resmi Authentic Alternatif Terintegrasi Google Login</title>
<meta name="keywords" content="Sangar77"/>
<meta name="description" content="Bermain di link situs pilihan resmi alternatif Sangar77 Di Indonesia maju"/>
<link rel="canonical" href="https://sangar77.it.com">
<link href="https://cdn.robotaset.com/assets/tpl/a357a2cb15/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta property="og:title" content="Sangar77 : Link Resmi Authentic Alternatif Terintegrasi Google Login"/>
<meta property="og:description" content="Bermain di link situs pilihan resmi alternatif Sangar77 Di Indonesia maju"/>
<meta property="og:url" content="https://sangar77.it.com"/>
<meta property="og:site_name" content="Sangar77"/>
<meta property="og:author" content="Sangar77"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://cdn.rbtasset.com/assets/tpl/7b007d697f/images/favicon.ico">
<link rel="alternate" href="https://sangar77.it.com" hreflang="id" />

<meta name="robots" content="index, follow"/>
<meta name="googlebot" content="index,follow">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" type="text/css"/>

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

<style amp-custom>
body{font-family:'Roboto',sans-serif;background: linear-gradient(to bottom, #000000, #8B0000);font-size:14px;color:#fff;margin:0}
a{text-decoration:none}
#mob-header{position:fixed;z-index:20;width:100%;height:50px;background: linear-gradient(45deg, #FF0000, #8B0000);box-shadow:0 4px 8px rgba(0,0,0,.5);top:0}
#mob-top{text-align:center}
#mob-header #mob-logo{display:inline-block;width:60%;height:50px}
#mob-header #mob-logo amp-img{max-height:50px;margin-top:0px}
#mob-header #mob-logo amp-img img{object-fit:contain}
#mob-topl{margin:0;position:absolute;left:15px;top:15px;width:25px;height:20px}
#mob-topr{margin:0;position:absolute;right:15px;top:50%;transform:translateY(-50%)}
#mob-topr a{color:#fff}
#mob-topr i{font-size:22px}
.menu-hamburger{cursor:pointer;display:block;width:25px;height:20px}
.menu-trigger [data-icon="menu"]{display:inline-block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:25px;height:2px;transition:.5s ease-in-out;background-color:#fff}
.menu-trigger [data-icon="menu"]::before,.menu-trigger [data-icon="menu"]::after{content:'';width:100%;height:100%;position:absolute;background-color:inherit;left:0}
.menu-trigger [data-icon="menu"]::after{top:7px}
.menu-trigger [data-icon="menu"]::before{bottom:7px}
amp-sidebar{background: linear-gradient(45deg, #8B0000, #FF0000);width:280px}
amp-sidebar ul{margin:0;padding:0;list-style:none;display:block}
amp-sidebar ul li{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1)}
amp-sidebar ul li a{display:flex;align-items:center}
amp-sidebar ul li a amp-img{width:21px;height:21px;margin-right:16px}
amp-sidebar ul li a span{color:#fff;font-size:16px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
amp-sidebar ul li:hover{background:rgba(255,255,255,0.1)}
amp-carousel{margin-top:50px;box-shadow:0 4px 8px rgba(0,0,0,0.5)}
#mob-con{max-width:768px;margin:0 auto}
#mob-footer{position:fixed;left:0;bottom:0;width:100%;text-align:center;background: linear-gradient(45deg, #8B0000, #FF0000);font-size:0;box-shadow:0 -4px 8px rgba(0,0,0,0.5)}
#mob-footer div{display:inline-block;width:25%;font-size:14px;transition:all 0.3s ease}
#mob-footer div.active,#mob-footer div:hover{background:rgba(255,255,255,0.1);transform:translateY(-3px)}
#mob-footer i{display:block;font-size:28px;margin-bottom:3px}
#mob-footer a{color:#fff;padding:8px 0;display:block}
#mob-content{padding-bottom:80px}
.link-container{display:flex;justify-content:center;font-size:18px;padding:20px 0;width:100%}
.link-container a{width:45%;text-align:center;padding:15px 20px;text-transform:uppercase;margin:0 10px;border-radius:25px;transition:all 0.3s ease;box-shadow:0 4px 8px rgba(0,0,0,0.3)}
.register-button{background:linear-gradient(45deg, #FF0000, #8B0000);color:#fff}
.login-button{background:linear-gradient(45deg, #8B0000, #FF0000);color:#fff}
.register-button:hover, .login-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.4)}
.slot88{padding:15px;color:#fff;font-size:16px}
.slot88 h1,.slot88 h2,.slot88 h3,.slot88 h4,.slot88 h5{margin:0 0 10px;line-height:normal;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.footer{background:rgba(0,0,0,0.5);padding:20px 0;margin-top:20px}
.copyright{color:#fff;font-size:16px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}

/* Dragon Theme Elements */
.dragon-border {
    border: 2px solid #FF0000;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(255,0,0,0.5);
}

.dragon-text-glow {
    text-shadow: 0 0 10px #FF0000;
}

/* Animated Elements */
@keyframes flame {
    0% {text-shadow: 0 0 10px #FF0000;}
    50% {text-shadow: 0 0 20px #FF4500;}
    100% {text-shadow: 0 0 10px #FF0000;}
}

.flame-effect {
    animation: flame 2s infinite;
}
</style>
</head>

<body>

  <amp-sidebar id="sidebar" class="sidebar dragon-border" layout="nodisplay" side="left">
    <ul>
      <li><a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer"><amp-img width="21" height="21" layout="responsive" src="icon/login.svg" alt="Log in"></amp-img><span class="flame-effect">Login</span></a></li>
      <li><a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer"><amp-img width="21" height="21" layout="responsive" src="icon/signup.svg" alt="Daftar"></amp-img><span class="flame-effect">Daftar</span></a></li>
    </ul>
  </amp-sidebar>

  <div id="mob-header" class="dragon-border">
    <div id="mob-top">
      <div id="mob-logo"><a href="https://sangar77.it.com" target="_blank" rel="nofollow noreferrer"><amp-img layout="responsive" height="90" width="200" src="https://cdn.robotaset.com/assets/tpl/a357a2cb15/images/logo.gif" alt="Logo Sangar77" noloading></amp-img></a></div>
      <div id="mob-topl">
        <div class="menu-hamburger" role="button" tabindex=1 on="tap:sidebar"><label class="menu-trigger"><i data-icon="menu"></i></label></div>
      </div>
    </div>
  </div>

  <amp-carousel class="carousel-container dragon-border" layout="responsive" width="1920" height="1000" type="slides" autoplay delay="5000" loop>
    <amp-img src="https://lexacdn.vip/1lxapp/uploads/DESIGN%20GOOGLE%20SANGAR77.webp" width="1920" height="1000" layout="responsive" alt="situs slot88"></amp-img>
  </amp-carousel>

  <div class="link-container container">
    <a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer" class="register-button flame-effect">DAFTAR</a>
    <a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer" class="login-button flame-effect">LOGIN</a>
  </div>

  <div id="mob-con">
    <div id="mob-content">
      <section class="slot88 dragon-border">
        <div class="slot88-body">
        </div>
      </section>
      <section class="footer">
        <div class="copyright dragon-text-glow">Sangar77 © Copyright 2025. All Right Reserved.</div>
      </section>
    </div>

    <div id="mob-footer">
      <div><a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer"><i class="far fa-user-circle flame-effect"></i> Login</a></div>
      <div><a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer"><i class="far fa-edit flame-effect"></i> Daftar</a></div>
      <div><a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer"><i class="fab fa-whatsapp flame-effect"></i> Whatsapp</a></div>
      <div><a href="https://gazzz.in/go.php?u=SR77LOG" target="_blank" rel="nofollow noreferrer"><i class="fas fa-headset flame-effect"></i> Livechat</a></div>
    </div>
  </div>

</body>
</html>