:root{
  color-scheme:dark;
  --ink:#041121;
  --cyan:#19d9ff;
  --orange:#ff7b27;
  --white:#f8fbff;
}

*{box-sizing:border-box}

html,body{min-height:100%}

body{
  margin:0;
  background:
    radial-gradient(circle at 18% 22%,rgba(25,217,255,.2),transparent 32rem),
    radial-gradient(circle at 84% 76%,rgba(255,123,39,.15),transparent 28rem),
    linear-gradient(135deg,#03101e 0%,#061a31 52%,#03101e 100%);
  color:var(--white);
  font-family:Inter,Arial,sans-serif;
}

.holding-page{
  position:relative;
  display:grid;
  min-height:100vh;
  place-items:center;
  overflow:hidden;
  padding:28px;
}

.holding-page::before,
.holding-page::after{
  position:absolute;
  content:"";
  width:42vw;
  height:130vh;
  opacity:.12;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
}

.holding-page::before{left:-24vw;top:-18vh}
.holding-page::after{right:-29vw;bottom:-26vh;background:linear-gradient(90deg,transparent,var(--orange),transparent)}

.holding-glow{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);
}

.holding-card{
  position:relative;
  z-index:1;
  width:min(760px,100%);
  padding:clamp(34px,7vw,72px);
  text-align:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(4,17,33,.72);
  box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 60px rgba(25,217,255,.08);
  backdrop-filter:blur(18px);
}

.holding-logo{
  display:block;
  width:min(290px,76%);
  height:auto;
  margin:0 auto 36px;
  padding:11px 18px;
  background:rgba(248,251,255,.98);
}

.holding-kicker{
  margin:0 0 16px;
  color:var(--cyan);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}

h1{
  max-width:680px;
  margin:0 auto;
  font-size:clamp(3rem,8vw,6.8rem);
  line-height:.88;
  letter-spacing:-.075em;
  text-transform:uppercase;
}

.holding-lead{
  max-width:560px;
  margin:30px auto 34px;
  color:rgba(248,251,255,.72);
  font-size:clamp(1rem,2vw,1.22rem);
  line-height:1.65;
}

.holding-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:50px;
  padding:0 22px;
  color:var(--white);
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none;
  text-transform:uppercase;
  border:1px solid var(--cyan);
  box-shadow:inset 0 0 20px rgba(25,217,255,.08),0 0 20px rgba(25,217,255,.1);
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.holding-link:hover,
.holding-link:focus-visible{
  color:var(--ink);
  background:var(--cyan);
  transform:translateY(-2px);
}

@media(max-width:560px){
  .holding-page{padding:14px}
  .holding-card{padding:38px 22px}
  .holding-logo{margin-bottom:28px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}