:root{
  --page-bg:#00060f;
  --cyan:#00bfff;
  --pink:#ff4fb6;
  --violet:#8b5cf6;
  --white:#f5f8ff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--page-bg);color:var(--white)}
body{font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.page{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:0;
  background:
    radial-gradient(circle at 50% 0,rgba(0,170,255,.12),transparent 26%),
    #00060f;
}
.design{
  position:relative;
  width:min(94vw, 980px);
  margin:0 auto;
  overflow:visible;
  background:#010815;
}
.design img{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  user-select:none;
  -webkit-user-drag:none;
}
.hit{
  position:absolute;
  z-index:3;
  display:block;
  border-radius:8px;
}
.hit:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 22px rgba(0,191,255,.9);
}
.anchor-target{
  position:absolute;
  width:1px;
  height:1px;
  pointer-events:none;
}
.home-community{top:68%}
.home-contact{top:96%}
.feature-platform{top:56%}
.access-nav{
  position:fixed;
  top:10px;
  left:10px;
  z-index:20;
  display:flex;
  gap:6px;
  opacity:.01;
  pointer-events:none;
}
.access-nav:focus-within{opacity:1;pointer-events:auto}
.access-nav a{
  padding:8px 10px;
  border-radius:8px;
  background:#06172d;
  color:#fff;
  font-size:12px;
  border:1px solid var(--cyan)
}
.sr-only{
  position:absolute!important;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media (max-width:700px){
  .design{width:100vw}
}

.social-hit{cursor:pointer}

@media (max-width:700px){
  .social-footer{
    right:2%;
    bottom:1.2%;
    gap:5px;
    padding:5px 6px;
  }
  .social-footer-label{display:none}
  .social-footer a{
    min-width:50px;
    height:24px;
    font-size:8px;
    padding:0 7px;
  }
}

.social-dock{
  position:fixed;
  z-index:30;
  right:22px;
  bottom:22px;
  width:min(500px,calc(100vw - 32px));
  padding:12px 14px 14px;
  border:1px solid rgba(0,191,255,.85);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(3,18,41,.96),rgba(1,9,24,.94));
  box-shadow:
    0 0 0 1px rgba(139,92,246,.18) inset,
    0 0 26px rgba(0,191,255,.28),
    0 0 48px rgba(255,79,182,.08);
  backdrop-filter:blur(10px);
}
.social-dock-title{
  text-align:center;
  color:#dce7ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:9px;
}
.social-dock-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.social-btn{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:16px;
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.02em;
  border:1px solid rgba(0,191,255,.9);
  background:#06162d;
  box-shadow:0 0 12px rgba(0,191,255,.16) inset, 0 0 12px rgba(0,191,255,.10);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.social-btn svg{
  width:25px;
  height:25px;
  flex:none;
}
.social-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 22px rgba(0,191,255,.38), 0 0 20px rgba(255,79,182,.12) inset;
}
.social-tiktok svg{filter:drop-shadow(2px 0 0 #24f6ff) drop-shadow(-2px 0 0 #ff3aa9);}
.social-instagram{border-color:#f05aa9; background:linear-gradient(180deg,rgba(240,90,169,.20),rgba(41,44,90,.55));}
.social-instagram svg{color:#ff6bb5}
.social-facebook{border-color:#1ca8ff;}
.social-facebook svg{color:#4ab8ff}
@media (max-width:700px){
  .social-dock{
    right:10px;
    bottom:10px;
    width:calc(100vw - 20px);
    padding:9px 9px 10px;
    border-radius:18px;
  }
  .social-dock-title{
    font-size:9px;
    margin-bottom:7px;
  }
  .social-dock-links{gap:6px}
  .social-btn{
    min-height:48px;
    border-radius:13px;
    font-size:11px;
    gap:5px;
  }
  .social-btn svg{width:20px;height:20px}
}