 <!--                                                                                              
                                                                                             
                                                              .;+xx;                         
                                                           .xXx;;;;;+Xx                      
                                                          xX;;;;;;;;;;xX.                    
                                                        :Xx+;;;;;;;;;;;X;                    
                                                       xX++++;;;;;;;;;xX                     
                                                      XX++xXXXXXXxxXXX:                      
                                 .+XX$$$Xx;          Xx+xX.                                  
            .                :$X;           ;X$xxxxXXx+xX                                    
         +XXXXX+           $$.                 +$;;;;++XXx                                   
        XXx;;;;xX        X$.                     $x;;;;;;;+X:                                
       xX+;;;;;;+x      $:                        $x+$$$XXxxX$$$X:                           
      .Xx;;;;;;;;x.    $.                         :$;            .x$+                        
      :X;;;;;;;;;;X  ;$;                                            :$+                      
      ;X;;;;;;;;;;;XX+$                                               ;$                     
      ;X;;;;;;;;;+X;;x$                                                :$                    
      .X;;;;;;;;;X+;;x&                                                 +$                   
       Xx;;;;;;;+X+;;;$;                  ;x&&+                          $:                  
       :X;;;;;;;XXX;;;X$                  &&&&+    :x$                   xX                  
        +X;;;;;;X+X+;;;X$                 $&&X    X&&&x                  ;X                  
         +X;;;;;X;+X;;;;+$;                       &&&&;                  xx                  
          ;X;;;;X;;$X+;;;;x$;                     :$X.                   $;                  
           .X;;+X;;X.Xx;;;;;;X$X.            :;                         +$X:                 
             +x+X;+$  XX;;;;;;;;x$$$Xx++xX$$X+$+                       .$+;X.                
               XX;;$:  :XX;;;;;;;;;;;;;;;;;;;;;x$.                    .$;;;X+                
               ;X;;;$X+;xXXX;;;;;;;;;;;;;;;;;;;;;X$+                .X$;;;;XX                
               :X;;;;;;;;;;xXX;;;;;;;;;;;;;;;;;;;;;;X$X;.        :X$X;;;;;xX.                
                X;;;;;;;;;;;;$XX+;;;;;;;;;;;;;;;;;;;;;;;x$$$$$$$X+;;;;;;;XX:                 
                X;;;;;;;;;;;+X :XXx;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+XXXX                  
                x;;;;;;;;;;;;$.   ;XXX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;xXX+;xX                   
                .x;;;;;;;;;;;x$:    ;$XXXX+;;;;;;;;;;;;;;;;;+xXXXx: :$;+X:                   
              .;XX+;;;;;;;;;;;;xXXx+;;;;;+xXXXXXXXXXXXXXXXX$+      ;$;;X+                    
           +XXx+++++;;;;;;;;;;;;;;;;;;;;;;;;X+       .$;;;;;X$+  x$X;;Xx                     
          :Xx+++++x++;;;;;;;;;;;;;;;;;;;;;;;;+$+   .X$;;;;;;;;+xx;;;;++x                     
          :Xx++++++++++;;;;;;;;;;;;;;;;;;;;;;;;+$$$X;;;;;;;;;;;;;;;;++++XX                   
           XX++++++++++++;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+++++++xXx.               
           .XX++++++++++++++;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;x++++++xXx++XX              
             XXx++++++++x++++++++;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;x++++++X+++++xX:             
              ;XXXx+++++++xXx+++++++++++++;;;;;;;;;;;;;;;;;;;;;+X+++++x++++++XX.             
                 .;xxXXXXXXXXXXXx+++++++++++++;;;;;;;;;;;;;;;;;Xx+++++++++++XX+              
                                 .:xXXXXxx++++;;;;;;;;;;;;;;;;xX++++++++++xXX;               
                                         .:;x;;;;;;;;;;;;;;;;;XXXXxxxxxxXXXx                 
                                           x+;;;;;;;;;;;;;;;;XX                              
                                          .X+;;;;;;;;;;;;;;;xX                               
                                           xXx;;;;;;;;;;;;xX+                                
                                             ;XXXXXXXXXXX;.                                  
                                                                                             
                                                                                             
 >>AMP Signature created by Liejunxi
 >>Welcome to asdtoto
 -->
<!DOCTYPE html>
<html ⚡ lang="id">
<head>
  <meta charset="utf-8">
  <title>ASDTOTO - Agen Penyedia Situs Togel Online Resmi Terupdate Hari Ini</title>
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,viewport-fit=cover">
  <meta name="description" content="Solusi tidak rungkat terus? Kenalan dengan ASDTOTO, kini hadir sebagai alternatif yang bikin kamu gak kenal rungkat lagi, dan situs agen togel online dengan pasaran lengkap secara resmi terupdate hari ini.">
  <link rel="icon" href="https://i.postimg.cc/cCGMQTN4/ASDTIKUS.png">
  <link rel="canonical" href="https://magnetkontor.de/">

  <!-- OG -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="ASDTOTO - Agen Penyedia Situs Togel Online Resmi Terupdate Hari Ini">
  <meta property="og:description" content="Solusi tidak rungkat terus? Kenalan dengan ASDTOTO, kini hadir sebagai alternatif yang bikin kamu gak kenal rungkat lagi, dan situs agen togel online dengan pasaran lengkap secara resmi terupdate hari ini.">
  <meta property="og:image" content="https://i.postimg.cc/Cxt43zd0/togelonline.png">
  <meta property="og:url" content="https://magnetkontor.de/">
  <meta name="twitter:card" content="summary_large_image">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800;900&display=swap" rel="stylesheet">

  <!-- AMP Core -->
  <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-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>

  <!-- Boilerplate (WAJIB persis agar valid) -->
  <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>

  <!-- Custom Styles -->
  <style amp-custom>
    :root{
      --maxw:640px;--bg1:linear-gradient(24deg, #481100 15%, #cec800);--bg2:#081b1400;--text:#e8fef5;--muted:#fff;
      --emerald:#00ff9c;--teal:#00c2ff;--glow:#00ffcc;
      --glass:rgba(255,255,255,.06);--stroke:rgba(255,255,255,.14);
      --top:64px;--dock:84px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;font-family:Poppins,Arial,sans-serif;background:var(--bg1);color:var(--text);
      -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;
    }

    /* aurora neon background */
    .bg{
      position:fixed;inset:0;z-index:0;pointer-events:none;
      background:
        radial-gradient(1200px 800px at -10% -20%,rgb(255 139 0 / 28%),transparent 60%),
        radial-gradient(1200px 800px at 110% -10%,rgba(0,194,255,.18),transparent 62%),
        linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
      animation:aurora 32s ease-in-out infinite;
    }
    @keyframes aurora{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}

    /* Floating particles */
    .particles {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 0;
    }
    .particle {
      position: absolute;
      border-radius: 50%;
      background: rgba(255, 200, 0, 0.3);
      animation: float 15s infinite ease-in-out;
    }
    @keyframes float {
      0%, 100% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0.3; }
      25% { transform: translateY(-20px) translateX(10px) rotate(90deg); opacity: 0.6; }
      50% { transform: translateY(10px) translateX(-15px) rotate(180deg); opacity: 0.8; }
      75% { transform: translateY(-15px) translateX(-10px) rotate(270deg); opacity: 0.5; }
    }

    /* container */
    .container{max-width:var(--maxw);margin:0 auto;position:relative;z-index:1;
      padding:calc(8px + env(safe-area-inset-top))
              calc(12px + env(safe-area-inset-right))
              calc(var(--dock) + 18px + env(safe-area-inset-bottom))
              calc(12px + env(safe-area-inset-left))}

    /* topbar */
    .topbar-wrap{position:sticky;top:0;z-index:6;
      background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.1));
      backdrop-filter:saturate(150%) blur(8px);
      border-bottom:1px solid var(--stroke);padding:8px;
      animation: slideDown 0.5s ease-out;}
    @keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }
    .topbar{height:var(--top);display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:var(--maxw);margin:0 auto}
    .brand{display:flex;align-items:center;gap:10px}
    .brand-logo{height:48px;width:auto; transition: transform 0.3s ease;}
    .brand:hover .brand-logo { transform: scale(1.05) rotate(5deg); }
    .navbtns{display:flex;gap:10px}

    /* buttons */
    .btn{
      display:flex;align-items:center;justify-content:center;
      min-width:110px;height:50px;padding:0 18px;border-radius:999px;
      font-weight:800;text-decoration:none;font-size:17px;
      border:1px solid var(--stroke);line-height:1;
      transition:all .25s ease;box-sizing:border-box;
      position: relative;
      overflow: hidden;
    }
    .btn span{line-height:1; position: relative; z-index: 2;}
    .btn.glass{background:var(--glass);color:var(--text)}
    .btn.glow{
      background:linear-gradient(24deg, #ff5c00 20%, #ffe700);
      border:none;color:#fff;box-shadow:0 0 12px #ffa000, 0 0 24px rgb(225 255 0 / 40%);
    }
    .btn:hover{transform:translateY(-2px) scale(1.02); box-shadow: 0 5px 15px rgba(255, 200, 0, 0.4);}
    .btn::before {
      content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
      background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05), transparent);
      transform: rotate(30deg); animation: shine 3s infinite linear; z-index: 1;
    }
    @keyframes shine {
      0% { transform: translateX(-100%) translateY(-100%) rotate(30deg); }
      20%, 100% { transform: translateX(100%) translateY(100%) rotate(30deg); }
    }

    /* hero */
    .hero{display:grid;gap:12px;margin-top:6px; animation: fadeIn 1s ease-out;}
    @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
    .glass-box{border-radius:14px;overflow:hidden;background:var(--glass);border:1px solid var(--stroke);box-shadow:0 18px 32px rgba(0,0,0,.6); transition: transform 0.3s ease, box-shadow 0.3s ease;}
    .glass-box:hover { transform: translateY(-5px); box-shadow: 0 25px 40px rgba(0,0,0,0.7); }
    .full-banner{margin:0 5px;border-radius:30px}
    @media (min-width:720px){.full-banner{margin:0 -20px}}
    .hero-title{text-align:center;font-size:clamp(31px,6vw,34px);font-weight:900;
      background:linear-gradient(90deg, #ff4100, #ffeb00);-webkit-background-clip:text;color:transparent;
      text-shadow:0 0 12px rgb(0 95 255 / 0%);margin:0px 0;margin-top:10px;
      animation: pulse 2s infinite;}
    @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } }
    .hero-sub{text-align:center;color:var(--muted);margin:0 0 10px;font-size:15px}

    .cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
    .cta-row .btn{width:100%}

    /* feature */
    .grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:40px 0}
    .card{border-radius:30px;padding:16px;background:var(--glass);border:1px solid var(--stroke);box-shadow:0 14px 28px rgba(0,0,0,.5); transition: all 0.3s ease;}
    .card:hover { transform: translateY(-8px) rotate(1deg); box-shadow: 0 20px 30px rgba(0,0,0,0.6); }
    .chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-block;margin-bottom:8px;
      background:rgb(255 139 0 / 28%);color:#ff7a00; animation: bounce 2s infinite;}
    @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-5px);} 60% {transform: translateY(-3px);} }

    /* faq */
    amp-accordion{margin:16px 0}
    amp-accordion section{border:1px solid var(--stroke);border-radius:12px;overflow:hidden;margin-bottom:10px;background:var(--glass); transition: all 0.3s ease;}
    amp-accordion section:hover { transform: translateX(5px); }
    amp-accordion h5{margin:0;padding:12px;font-weight:800;font-size:17px}
    amp-accordion .ans{padding:0 12px 12px;color:var(--muted);font-size:17px}

    /* dock */
    .dock{
      position:fixed; left:50%; bottom:calc(20px + env(safe-area-inset-bottom));
      transform:translateX(-50%); display:inline-flex; justify-content:center; z-index:6;
      padding:15px 105px; border-radius:999px; border:1px solid var(--stroke);
      background:var(--glass); backdrop-filter:blur(3px); animation: bounceInUp 1s ease-out;
    }
    @keyframes bounceInUp {
      from { opacity: 0; transform: translateX(-50%) translateY(100px); }
      60% { opacity: 1; transform: translateX(-50%) translateY(-20px); }
      to { transform: translateX(-50%) translateY(0); }
    }
    .dock a{min-width:140px;}

    footer{text-align:center;color:var(--muted);font-size:13px;padding:20px 12px;margin-top:88px;border-top:1px solid var(--stroke)}
  </style>
</head>
<body>
  <div class="bg" aria-hidden="true"></div>
  
  <!-- Floating particles -->
  <div class="particles">
    <div class="particle" style="width:12px;height:12px;left:10%;top:30%;animation-delay:0s;"></div>
    <div class="particle" style="width:8px;height:8px;left:50%;top:60%;animation-delay:2s;"></div>
    <div class="particle" style="width:15px;height:15px;left:80%;top:20%;animation-delay:4s;"></div>
    <div class="particle" style="width:10px;height:10px;left:30%;top:70%;animation-delay:6s;"></div>
    <div class="particle" style="width:20px;height:20px;left:70%;top:40%;animation-delay:8s;"></div>
  </div>

  <!-- topbar -->
  <div class="topbar-wrap">
    <div class="topbar">
      <a class="brand" href="https://okelink.cc/MAXWINWAY">
        <amp-img class="brand-logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2knvYBQlP_VvVTh73ECk8BpXuFYbxczM-cg57_NckINzyMQ8ql01V3M-Ck88XjX6pU8HvwWg_b6IKHBYsGbRVzw02xNbQ7YnmcS7zgqnKIA9aBlM1nUGOTKYawL7-SdFXWaip-uFqSgTqrSyn-v5JFZ6ObOy8okA9UoZUtC-vltO-vRfpL0i5r5KS28c/s16000/asdtoto-logo.webp" width="140" height="40" layout="intrinsic" alt="ASD PRIME"></amp-img>
      </a>
      <nav class="navbtns">
        <a class="btn glass" href="https://okelink.cc/MAXWINWAY" target="_blank" rel="nofollow noopener"><span>Prediksi</span></a>
        <a class="btn glow" href="https://okelink.cc/MAXWINWAY" target="_blank" rel="nofollow noopener"><span>Bonus</span></a>
      </nav>
    </div>
  </div>

  <!-- main -->
  <main class="container">
    <section id="home" class="hero">
      <figure class="glass-box full-banner">
        <amp-carousel width="1000" height="1000" layout="responsive" type="slides" autoplay delay="4000" loop>
          <amp-img src="https://i.postimg.cc/Cxt43zd0/togelonline.png"
                   width="1000" height="1000" layout="responsive" alt="Banner 1"></amp-img>
        </amp-carousel>
      </figure>

      <h1 class="hero-title">PLATFORM TOGEL</h1>

      <div class="cta-row">
        <a class="btn glow" href="https://okelink.cc/MAXWINWAY" target="_blank" rel="nofollow noopener"><span>DAFTAR VIP</span></a>
        <a class="btn glow" href="https://okelink.cc/MAXWINWAY" target="_blank" rel="nofollow noopener"><span>LOGIN</span></a>
      </div>
    </section>

    <footer>© 2025 <strong>ASDTOTO</strong> — Emerald Created By <strong>李俊熙</strong></footer>
  </main>

  <!-- dock -->
  <div class="dock">
    <a class="btn glow" href="https://okelink.cc/MAXWINWAY" target="_blank"><span>JOIN</span></a>
  </div>
</body>
</html>