/* ============================================================
   VALUESEND - restricted landing page only
   ============================================================ */

.gate{
  min-height:100svh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:44px 24px;position:relative;
}
.gate-top{
  position:absolute;top:0;left:0;right:0;padding:26px 34px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.gate-inner{max-width:720px;width:100%;display:flex;flex-direction:column;align-items:center;gap:26px}

.lock{
  width:106px;height:106px;border-radius:30px;display:grid;place-items:center;position:relative;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  border:1px solid var(--line-2);backdrop-filter:blur(20px);
  box-shadow:0 0 70px -12px rgba(124,92,255,.7),inset 0 1px 0 rgba(255,255,255,.16);
}
.lock svg{width:42px;height:42px;stroke:url(#lockgrad);fill:none;stroke-width:1.8}
.lock::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;
  animation:spinhue 6s linear infinite;
}
@keyframes spinhue{to{filter:hue-rotate(360deg)}}

.gate h1{
  font-size:clamp(46px,10vw,104px);line-height:.92;letter-spacing:-.05em;font-weight:800;
  background:linear-gradient(180deg,#fff 20%,#8b90bb 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.gate h1 em{
  font-style:normal;display:block;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:220% 100%;animation:flow 7s ease infinite;
}
@keyframes flow{50%{background-position:100% 0}}
.gate p.lede{max-width:520px;color:var(--txt-dim);font-size:16.5px;line-height:1.75}
.gate .actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}

.codeline{
  font-family:var(--mono);font-size:12px;color:var(--txt-mute);letter-spacing:.06em;
  border-top:1px solid var(--line);padding-top:20px;margin-top:12px;width:100%;max-width:520px;
}
.codeline b{color:var(--p);font-weight:500}

.gate-foot{
  position:absolute;bottom:0;left:0;right:0;padding:22px 34px;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--txt-mute);
}
.scan{
  position:fixed;left:0;right:0;height:1px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(124,92,255,.75),transparent);
  animation:scan 7s linear infinite;
}
@keyframes scan{0%{top:-2%}100%{top:102%}}

@media(max-width:560px){
  .gate-top,.gate-foot{padding:18px 20px}
  .gate-foot span:last-child{display:none}
}