<!--
                                                žO   Ç                                              
                                             bàžx4Fä4S                                              
                                            F§ú‡&§šüzõ                                              
                                          ßšŸ£’Ì@5&ì?Ï                                              
                                        Ô$šTY«/õICùc—v½               u                             
                                       ÀøåS5¼–/2Ïª¬=‡Cu‡s            i/%                            
                                    €øëÓýÒTçL¬…”¤>“……¸’’„=sL        ƒ*„oz                           
                                 ÔãG8$Þäüc!’ˆ‘–¸¸¸¸ˆˆˆˆˆˆ’:=ç        sJ                             
                               mâG¶éPTµže0ƒï/”‚ˆˆˆ¸’—7öz@z’^wa™                                     
                             ßãßp$Ú8dž[°˜²?1îiª’’’˜˜’‚:°jYó»’°¬JÌ3Yúôaú                             
                           Ðpã8$¶8ÿò7‡Sá6@^;¹‹:’’’’::’‘’:‹­­›:‚’˜¹ï•?úž                             
                          ßmâø¶GÓL£ñdb©)^|»=v(ª›››‹¹°­­–²³³º²­›’’›¹)xk                              
                         mâq$ééûFÙÒå©¬×[2šò°­²°°°­­–³~““„„”¯?×º›‹*LF¶                               
                          Þd8ðøëÒë¾ª(rSÒw”ª^—+¤{²„¦~„„„«[%2®äà®Î©ñè                                 
                         P¥ýÜZÿA¥J²[aeTï³/×ó3|³%¢•o3ùUšyÍut=*¯^í®Þ                                  
                        Oš¥kŸÔA§z~@6ÏÎ/“{CS%„ÌÇn3ÖéÙSñbDš§šZäñÞë8                                   
                       6ûšOýgpš½÷fµí®î­—Ve}¡OÝ¼x¶éééý¥ëð¶Š                                          
                      áŸÝ4dêŠàù%¾Uó®ô­;Cxtìx4ùkÙèðÞÓGÚð               %                             
                      šàyÙqAåw3Íyàxár„îõYîk@Uàk8Úñmp¶                {^î                            
                      d§DÛÔm2Ïnx€PŸ¥)¿çfnçaLyŸ€ÚñâÛâë   zIz@w0ò‰¼%   ì!@                            
                     pë§¶ÕâÙÎ™ôðmÝFÿ¦vSàòÇ¢¢2ëã9dp ê  ¢?zÒß    p®†¡(  %                             
                    ZãÞD¶ŠøÒÝyñÔãSZÿºìUáòÖjîSG§µd8   4lóÒ        9(›*                               
                    TdåÒG éåàSÙÛãÇµš×*¾ÇYá>†ÒÜ™žb   Ü£òf¶        ýò:›0                              
                    UšXá¶ éÞñûÚêÕèžûY¡&Pkµƒ¬ÞÓ™OP   Ù2£Tâ        d©¬!¼       5½                     
                    ã©éÙë ¶ã®äÚXX$ûÝáiÏñáUô”ûñ¾wk   ŠeyU$        ë£*†ç<={×i  p£õ                    
                     OkA¶m€Gš®bqXAZUPO)¥è9™oÌû6½ôµ  qâÇ6S        §‰ïü8ø ùiÏ  ýS™è                   
                     €&¥Ô  ßß¾4éÐg¶hy¥±÷ñÞ0ò1ÎOòJw   Ûøà£n      Ÿ¤%®  ùsóU   k2hÖ                   
                      áfÜ   Ô$ç3ßqXÚñµåx+kÒ@I<¾T%nf    ßÜ9ötjcît©àè  ¤‡±3C6 xÎwP¶                   
                      øS&¶ê  ÔéözÚqŽmFžšZìžF3>(ƒTnY5       gœg      ø¶âââGÞù0Í§ý                    
                       ãŸyšm  êÔU±áŠgqéäkÙ®Í§6l|/½ç£ay                  Ín‰tò9ý                     
                        gÞyõÜÕ gÛÜÎf¶êXÐðšŸÚ8Dáž¼^³¬?7u™             µ©@%†ïò®d                      
                         œé®µùëß KŠßÎaÚÛêŽêè6¥mpèûžaì;›­º?o3l   šPÝke&ƒ÷iöàëÿÚ                      
                          ŽÛÒž5aPøðßŠßá™UÞÔÛgêåyÝbÜ€¶dÓÿ¥FäÇPbÒÒûõCl[J©ûäTÎhH                       
                            RÔå9O©2Ùëý8ÔßÙšf£UâÔÕÕÔmm$dÿšµ0%jI¼C™4UPPáTõ0ŸÙ                         
                              XêèSS6ƒÏáååbÿ €m¶âÓSŸÒ$ßãøëéÜß     ¾4™%¼wdß                           
                                þêøá®9f‡zÍõžûk9Ueyú™ù©©©Y3Lónƒrï††uúäâA                             
                                   XêãÓŸ9žõ£s%j<vIttî1ì?«¬×ìjîJçÝÿðA                                
                                       ŽqqðbhûÇààÇÇàhhk®eÝñ$øâA                                     
                                           NœggêêêêêqŠÛêÐÅ                                          
-->
<!DOCTYPE html>
<html amp lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
  <title>HQLUXY Kolaborasi Seni108 | Replika Mewah 100% Berkualitas Tinggi</title>
  <meta name="description" content="HQLUXY bersama Seni108 menghadirkan koleksi replika premium dengan fokus pada kualitas pengerjaan, ketelitian detail, dan estetika yang elegan. Dirancang untuk kolektor dan pencinta produk bernilai visual tinggi dengan standar produksi yang konsisten." />
  <meta name="robots" content="index,follow"/>
  <link href="https://ajaibcloud.org/uploads/7d5b445d-080f-4d3c-ba05-3900bf57a6e2.webp" rel="shortcut icon" type="image/x-icon" />
  <link rel="canonical" href="https://hqluxy.com/contact-us/"/>
  <meta property="og:url" content="https://hqluxy.com/contact-us/"/>
  <meta name="keywords" content="SENI108">
  <meta property="og:site_name" content="Seni108"/>
  <meta property="og:image:alt" content="Seni108"/>
  <meta property="og:image" content="https://ajaibcloud.org/uploads/36455418-4c9d-40fa-99eb-0d53bcc5bad7.webp" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
  <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js" />
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <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>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    
    :root {
      --primary: #bf61e4;        /* merah */
      --primary-dark: #a868c2;   /* merah gelap */
      --secondary: #ad69ec;      /* merah terang */
      --bg-dark: #1a1a1a;        /* abu gelap */
      --card-bg: rgba(40, 40, 40, 0.9); /* abu */
      --text: #ffffff;           /* putih */
}

    body {
      font-family: 'Poppins', sans-serif;
      background-color: var(--bg-dark);
      background-image:
        radial-gradient(circle at 10% 20%, rgba(164, 84, 201, 0.25) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(182, 145, 199, 0.15) 0%, transparent 40%);
      color: var(--text);
      min-height: 100vh;
      display: flex;
      justify-content: center;
      padding: 20px 10px;
    }

    .container {
      width: 100%;
      max-width: 480px;
      margin: 0 auto;
    }

    .card {
      background: var(--card-bg);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-radius: 20px;
      padding: 25px 20px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.5);
    }

    header {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }

    .logo {
      filter: drop-shadow(0 0 15px rgb(0, 0, 0));
      transition: transform 0.3s ease;
    }
    .logo:hover { transform: scale(1.05); }

    .title-wrap {
      text-align: center;
      margin-bottom: 20px;
    }

    .badge-top {
      display: inline-block;
      font-size: 10px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 20px;
      background: rgba(200, 132, 240, 0.2);
      color: #c97ce0;
      border: 1px solid rgba(255, 255, 255, 0.3);
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .title-wrap h1 {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 8px;
      background: linear-gradient(#ffffff, #cccccc);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .title-wrap p {
      font-size: 12px;
      color: #aaa;
      font-weight: 300;
    }

    .welcome {
      background: rgba(0, 0, 0, 0.3);
      border-radius: 8px;
      padding: 10px;
      margin-bottom: 20px;
      text-align: center;
      border-left: 3px solid var(--primary);
    }

    .welcome h3 {
      font-size: 12px;
      color: #fff;
      font-family: 'Courier New', Courier, monospace; 
      overflow: hidden;
      border-right: .15em solid var(--secondary);
      white-space: nowrap;
      margin: 0 auto;
      width: fit-content;
      animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
    }

    @keyframes typing { from { width: 0 } to { width: 100% } }
    @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--secondary); } }

    .btn {
      display: block;
      width: 100%;
      padding: 14px;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      font-weight: 700;
      font-size: 14px;
      margin-bottom: 12px;
      position: relative;
      transition: all 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .btn-primary {
      background: linear-gradient(135deg, var(--primary), var(--primary-dark));
      color: #ffffff;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0);
      animation: pulse 2s infinite;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .btn-secondary {
      background: rgba(0, 0, 0, 0.05);
      color: #ffffff;
      border: 1px solid var(--secondary);
    }

    .btn-outline {
      background: transparent;
      border: 1px solid #ffffff;
      color: #ffffff;
      font-size: 12px;
      padding: 10px;
    }

    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgb(255, 255, 255); }
      70% { box-shadow: 0 0 0 2px rgb(255, 255, 255); }
      100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
    }


    .hero {
      margin: 20px 0;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
      border: 1px solid rgba(255, 255, 255, 0);
    }

    .table-wrapper {
      background: #2a2a2a;
      border-radius: 15px;
      overflow: hidden;
      margin-top: 10px;
      border: 1px solid #ad69ec;
    }

    table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;

    }

    th {
      background: linear-gradient(90deg, var(--primary-dark), var(--primary));
      color: #ffffff;
      padding: 12px;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
    }

    td {
      padding: 12px;
      background: rgba(255, 255, 255, 0.03);
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      vertical-align: middle;
    }
    
    tr:last-child td { border-bottom: none; }

    td:first-child {
      font-weight: 600;
      font-size: 13px;
      color: #ffffff;
    }

    .btn-mini {
      display: inline-block;
      padding: 6px 15px;
      background: var(--secondary);
      color: #ffffff;
      font-weight: 700;
      font-size: 11px;
      border-radius: 20px;
      text-decoration: none;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    }

    .copyright {
      margin-top: 25px;
      text-align: center;
      font-size: 11px;
      color: #666;
    }
    .copyright a { color: #cd7eec; text-decoration: none; }
  </style>
</head>
<body>
  <div class="container">
    <div class="card">
      <header>
          <amp-img
            class="logo"
            src="https://ajaibcloud.org/uploads/a4546684-bbaa-4809-ba0b-88c6157dd789.webp"
            alt="Seni108 Replika Mewah 100% Berkualitas Tinggi"
            width="158"
            height="103"
            layout="intrinsic">
          </amp-img>
      </header>
      <a href="https://youngstarschildcare.com/classroom/" target="_blank" rel="noreferrer noopener" class="btn btn-primary">
         DAFTAR
      </a>
      <a href="https://youngstarschildcare.com/classroom/" target="_blank" rel="noreferrer noopener" class="btn btn-secondary">
         LOGIN
      </a>
      <div class="hero">
        <amp-img
          src="https://ajaibcloud.org/uploads/36455418-4c9d-40fa-99eb-0d53bcc5bad7.webp"
          width="500"
          height="500"
          layout="responsive"
          alt="Seni108 Replika Mewah 100% Berkualitas Tinggi">
        </amp-img>
      </div>
      <a target="_blank" rel="noreferrer noopener" class="btn btn-outline" style="margin-top:15px;">
      •  Rental Oksigen  •
      </a>
      <div class="title-wrap">
        <span class="badge-top">•Dihina Tidak Menjadi Sampah Dipuji Tidak Menjadi Rembulan•</span>
        <span class="badge-top">•Setiap Orang Menilai Dengan Pandangannya Masing-Masing•</span>
        <span class="badge-top">•Terus Lakukan Jika Menurutmu Benar Sahabatku•</span>
        <span class="badge-top">•Hidupmu Harus Terus Berjalan Sesuai Keinginanmu Kawan•</span>
      </div>
       <p class="copyright">
        Copyright © 2026 <a href="">SENI108</a>. All Rights Reserved.<br>HQLUXY x Seni108
      </p>
    </div>
  </div>
</body>
</html>