:root{
      --hk-nav-h: 56px;
      --hk-text: #fff;
      --hk-muted: rgba(255,255,255,.82);
      --hk-border: rgba(255,255,255,.12);

      --hk-accent-1: rgba(236,72,153,.95); 
      --hk-accent-2: rgba(124,58,237,.95); 
    }

    
    .hk-fixed-nav{
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      inset: 0 0 auto 0;
      z-index: 2147483647 !important;
      height: var(--hk-nav-h);

      
      background:
        linear-gradient(
          135deg,
          rgba(124,58,237,0.35),
          rgba(236,72,153,0.28)
        ),
        rgba(18,12,40,0.72);

      color: var(--hk-text);
      border-bottom: 1px solid var(--hk-border);

      backdrop-filter: blur(12px) saturate(140%);
      -webkit-backdrop-filter: blur(12px) saturate(140%);

      transform: translateZ(0);
      will-change: transform;
    }

    .hk-nav-inner{
      max-width: 1200px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 0 14px;
      position: relative; 
    }

    
    .hk-brand{
      display:flex;
      align-items:center;
      text-decoration:none;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .hk-logo{
      height: 40px;
      width: auto;
      display:block;

      
      filter:
        drop-shadow(0 0 6px rgba(236,72,153,.22))
        drop-shadow(0 0 10px rgba(124,58,237,.16));
    }

    
    .hk-nav-menu{
      display: flex;
      align-items: center;
      gap: 14px;

      
      flex: 1 1 auto;
      justify-content: flex-end;
      margin-left: 10px;
    }

    .hk-nav-link{
      color: var(--hk-muted);
      text-decoration: none;
      font-weight: 700;
      font-size: 14px;
      padding: 8px 10px;
      border-radius: 10px;
      white-space: nowrap;
    }
    .hk-nav-link:hover{
      color: var(--hk-text);
      background: rgba(255,255,255,.08);
    }

    .hk-cta{
      flex: 0 0 auto;
      margin-left: 8px;
      background: linear-gradient(135deg, var(--hk-accent-1), var(--hk-accent-2));
      color: #fff !important;
      text-decoration: none;
      font-weight: 900;
      font-size: 14px;
      padding: 10px 14px;
      border-radius: 12px;
      white-space: nowrap;
      box-shadow: 0 10px 26px rgba(124,58,237,.22);
    }
    .hk-cta:hover{
      filter: brightness(1.05);
    }

    
    .hk-fixed-nav-spacer{
      height: var(--hk-nav-h);
    }

    
    .hk-burger{
      display: none;
      width: 42px;
      height: 42px;
      border: 1px solid var(--hk-border);
      background: rgba(255,255,255,.04);
      border-radius: 12px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      gap: 4px;
      padding: 0;
    }
    .hk-burger span{
      display: block;
      width: 18px;
      height: 2px;
      background: #fff;
      border-radius: 2px;
    }

    
    @media (max-width: 920px){
      .hk-burger{ display: inline-flex; }

      
      .hk-nav-menu{
        position: fixed;
        top: var(--hk-nav-h);
        left: 0; right: 0;
        background:
          linear-gradient(
            135deg,
            rgba(124,58,237,0.22),
            rgba(236,72,153,0.18)
          ),
          rgba(18,12,40,0.92);
        border-bottom: 1px solid var(--hk-border);
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 14px 14px;
        gap: 6px;
        justify-content: flex-start;
        backdrop-filter: blur(14px) saturate(140%);
        -webkit-backdrop-filter: blur(14px) saturate(140%);
        z-index: 2147483647 !important; 
      }
      .hk-nav-menu.is-open{ display: flex; }

      .hk-nav-link{
        width: 100%;
        padding: 12px 10px;
      }

      
      .hk-cta{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        padding: 10px 12px;
        font-size: 13px;
      }

      .hk-logo{ height: 36px; }

      
      .hk-burger{
        margin-left: auto;
      }
    }

    
    

  

    

    html, body{ overflow-x:hidden !important; }

    
    body{
      background: #070513 !important;
      position: relative;
    }

    
    #hk-site-bg{
      position: fixed;
      inset: 0;
      z-index: -1;             
      pointer-events: none;
      background:
        radial-gradient(circle at 16% 14%, rgba(236,72,153,.10), transparent 55%),
        radial-gradient(circle at 84% 36%, rgba(124,58,237,.12), transparent 60%),
        radial-gradient(circle at 30% 78%, rgba(236,72,153,.06), transparent 58%),
        linear-gradient(180deg,
          rgba(8,6,22,.98) 0%,
          rgba(7,5,19,.98) 22%,
          rgba(10,7,26,.96) 52%,
          rgba(7,5,19,.98) 100%
        );
    }

    
    .site, #page, #content, .site-content, .content-area, main, .entry-content{
      background: transparent !important;
    }
  

    

    #hk-global-footer.hk-global-footer{ margin:0 !important; }

    #hk-global-footer{
      position: relative;
      width: 100vw !important;
      max-width: 100vw !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      padding: 24px 0 22px;
      overflow: hidden;
      color: rgba(255,255,255,.82);
      background: transparent;
    }

    #hk-global-footer .hk-gf-bg{
      position:absolute;
      inset:-140px;
      background:
        radial-gradient(circle at 14% 18%, rgba(236,72,153,.10), transparent 55%),
        radial-gradient(circle at 82% 42%, rgba(124,58,237,.12), transparent 60%),
        linear-gradient(180deg, rgba(8,6,22,.92), rgba(7,5,19,.98));
      pointer-events:none;
    }

    #hk-global-footer .hk-gf-inner{
      position: relative;
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 clamp(18px, 4vw, 42px);
    }

    #hk-global-footer .hk-gf-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 16px;
      padding: 14px 14px 12px;
      border-radius: 18px;
      background: rgba(18,12,40,.42);
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 18px 60px rgba(0,0,0,.28);
      backdrop-filter: blur(14px) saturate(140%);
      -webkit-backdrop-filter: blur(14px) saturate(140%);
    }

    #hk-global-footer .hk-gf-brand{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 240px;
    }

    #hk-global-footer .hk-gf-mark{
      width: 42px;
      height: 42px;
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(236,72,153,.95), rgba(124,58,237,.95));
      box-shadow:
        0 0 14px rgba(236,72,153,.20),
        0 0 22px rgba(124,58,237,.18);
      border: 1px solid rgba(255,255,255,.10);
      flex: 0 0 auto;
    }

    #hk-global-footer .hk-gf-name{
      font-weight: 900;
      color: rgba(255,255,255,.92);
      line-height: 1.1;
      letter-spacing: .01em;
    }

    #hk-global-footer .hk-gf-tagline{
      margin-top: 4px;
      font-size: 12px;
      color: rgba(255,255,255,.70);
    }

    #hk-global-footer .hk-gf-nav{
      display:flex;
      flex-wrap: wrap;
      justify-content:flex-end;
      gap: 10px 14px;
      margin-top: 2px;
    }

    #hk-global-footer .hk-gf-link{
      text-decoration: none !important;
      font-weight: 900;
      font-size: 13px;
      color: rgba(255,255,255,.80);
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.10);
      transition: filter .15s ease, opacity .15s ease, border-color .15s ease;
      white-space: nowrap;
    }

    #hk-global-footer .hk-gf-link:hover{
      opacity: 1;
      border-color: rgba(236,72,153,.18);
      filter: brightness(1.05);
      color: rgba(255,255,255,.90);
    }

    #hk-global-footer .hk-gf-mid{
      margin-top: 12px;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 12px;
      padding: 12px 14px;
      border-radius: 18px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.10);
    }

    #hk-global-footer .hk-gf-badges{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items:center;
      flex: 0 0 auto;
    }

    #hk-global-footer .hk-gf-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 6px 10px;
      border-radius: 999px;
      font-weight: 900;
      font-size: 12px;
      color: rgba(255,255,255,.90);
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.12);
    }

    #hk-global-footer .hk-gf-badge-soft{
      color: rgba(255,214,243,.92);
      border-color: rgba(236,72,153,.18);
      background: rgba(236,72,153,.08);
    }

    #hk-global-footer .hk-gf-disclaimer{
      color: rgba(255,255,255,.72);
      line-height: 1.65;
      font-size: 13px;
      max-width: 760px;
    }

    #hk-global-footer .hk-gf-disclaimer strong{
      color: rgba(255,255,255,.88);
    }

    #hk-global-footer .hk-gf-bottom{
      margin-top: 12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      padding: 8px 4px 0;
      color: rgba(255,255,255,.62);
      font-size: 12px;
    }

    #hk-global-footer .hk-gf-note{
      color: rgba(255,255,255,.70);
      font-weight: 900;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.10);
    }

    @media (max-width: 980px){
      #hk-global-footer .hk-gf-top{
        flex-direction: column;
        align-items: flex-start;
      }
      #hk-global-footer .hk-gf-nav{
        justify-content:flex-start;
      }
      #hk-global-footer .hk-gf-mid{
        flex-direction: column;
      }
      #hk-global-footer .hk-gf-bottom{
        flex-direction: column;
        align-items: flex-start;
      }
    }
		   
#hk-global-footer .hk-gf-mark{
  width: 50px !important;
  height: 50px !important;
  border-radius: 8px !important;
  background: transparent !important;   
  box-shadow: none !important;          
  border: none !important;              

  background-image: url('../img/apple-touch-icon.png') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}