/* AUTO HACK page compositions: landing and login experiences. */
/* Home: brand and event timing only. The vehicle workspace lives on Challenges. */
 .ah-home {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  grid-template-rows:auto 1fr auto;
  min-height:calc(100vh - 126px);
  overflow:hidden;
  border:1px solid #202b38;
  border-radius:14px;
  background:radial-gradient(circle at 76% 28%,rgba(27,91,205,.16),transparent 30%),linear-gradient(132deg,#050608 0%,#000 58%,#050a13 100%);
  box-shadow:inset 0 1px rgba(225,237,255,.11)
}
 .ah-home:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#141b23,#adb5c1 24%,#303744 44%,#1c8fff 73%,transparent)
}
 .ah-home-grid {
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(63,88,126,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(63,88,126,.055) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(100deg,#000,transparent 76%)
}
 .ah-home-brand {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:42px 48px 0
}
 .ah-home-brand img {
  width:clamp(190px,22vw,330px);
  height:auto;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))
}
 .ah-home-brand span {
  color:#718099;
  font:10px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:2px
}
 .ah-home-copy {
  position:relative;
  z-index:1;
  align-self:end;
  padding:56px 48px 70px
}
 .ah-home-copy p {
  margin:0 0 18px;
  color:#497fcf;
  font:10px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:1.8px
}
 .ah-home-copy h1 {
  max-width:720px;
  margin:0;
  color:#eff4fa;
  font-size:clamp(38px,5.2vw,76px);
  font-weight:570;
  line-height:1.08;
  letter-spacing:-3.4px
}
 .ah-home-copy a {
  display:inline-flex;
  align-items:center;
  gap:42px;
  margin-top:42px;
  padding:13px 17px;
  border:1px solid #49668e;
  border-radius:5px;
  background:linear-gradient(110deg,#111b2a,#07101d);
  box-shadow:inset 0 1px rgba(203,224,255,.14);
  color:#dbe9ff;
  font-size:13px
}
 .ah-home-copy a span {
  color:#4b9cff;
  font-size:17px
}
 .ah-home-dday {
  position:relative;
  z-index:1;
  align-self:end;
  margin:0 48px 70px 0;
  padding:26px 28px 24px;
  border-left:1px solid #5a6576;
  border-top:1px solid #343b46;
  border-radius:0 8px 8px 0;
  background:linear-gradient(135deg,rgba(37,46,60,.72),rgba(5,9,15,.84));
  box-shadow:inset 0 1px rgba(255,255,255,.08)
}
 .ah-home-dday>span {
  color:#8e9caf;
  font:10px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:1.3px
}
 .ah-home-dday>strong {
  display:block;
  margin:13px 0 10px;
  color:#f2f5fa;
  font:500 clamp(42px,5vw,66px) ui-monospace,SFMono-Regular,monospace;
  letter-spacing:-4px
}
 .ah-home-dday>small {
  color:#8291a8;
  font:10px ui-monospace,SFMono-Regular,monospace
}
 .ah-home-dday>div {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding-top:14px;
  border-top:1px solid #283648;
  color:#8e9db4;
  font-size:11px
}
.ah-home-dday i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2978ff;
  box-shadow:0 0 10px #1c8fff
}
.ah-home-dday b {
  font-weight:500
}
 .ah-home>footer {
  position:relative;
  z-index:1;
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  padding:15px 48px;
  border-top:1px solid #202b38;
  color:#5f6c80;
  font:9px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:1px
}
 @media(max-width:850px) {
  .ah-home {
    display:flex;
    min-height:620px;
    flex-direction:column
  }
  .ah-home-brand {
    padding:30px 26px 0
  }
  .ah-home-brand span {
    display:none
  }
  .ah-home-copy {
    padding:66px 26px 36px
  }
  .ah-home-copy h1 {
    font-size:40px;
    letter-spacing:-2px
  }
  .ah-home-dday {
    margin:auto 26px 34px;
    padding:22px;
    width:calc(100% - 52px)
  }
  .ah-home>footer {
    padding:13px 26px
  }
  .ah-home>footer span:last-child {
    display:none
  }
  
}
 /* Opening screen: only the mark and the live remaining-time value. */
 .ah-home.ah-home-minimal {
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:1fr auto 1fr;
  place-items:center;
  min-height:calc(100vh - 126px);
  background:radial-gradient(circle at 50% 43%,rgba(27,91,205,.14),transparent 27%),#000
}
 .ah-home-minimal .ah-home-grid {
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center,#000 0,transparent 68%);
  opacity:.62
}
 .ah-home-minimal .ah-home-brand {
  grid-column:1;
  grid-row:2;
  justify-content:center;
  padding:0;
  transform:translateY(-34px)
}
 .ah-home-minimal .ah-home-brand img {
  width:clamp(250px,31vw,450px);
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(43,111,255,.1))
}
 .ah-home-minimal .ah-home-dday {
  grid-column:1;
  grid-row:3;
  align-self:start;
  min-width:230px;
  margin:-4px 0 0;
  padding:19px 27px 17px;
  border:1px solid #343d4b;
  border-top-color:#7a879a;
  border-radius:7px;
  background:linear-gradient(145deg,rgba(32,40,52,.78),rgba(3,6,10,.88));
  box-shadow:inset 0 1px rgba(225,236,255,.1);
  text-align:center
}
 .ah-home-minimal .ah-home-dday>strong {
  margin:0;
  color:#edf3fd;
  font-size:clamp(38px,5vw,62px);
  letter-spacing:-3px
 }
 @media(max-width:850px) {
  .ah-home.ah-home-minimal {
    display:grid;
    min-height:calc(100vh - 105px)
  }
  .ah-home-minimal .ah-home-brand {
    padding:0;
    transform:translateY(-22px)
  }
  .ah-home-minimal .ah-home-brand img {
    width:min(68vw,330px)
  }
  .ah-home-minimal .ah-home-dday {
    width:auto;
    margin:0;
    min-width:190px;
    padding:16px 22px
  }
  .ah-home-minimal .ah-home-dday>strong {
    font-size:40px
  }
}
#ah-login-submit.is-loading {
  pointer-events:none;
  cursor:wait;
  opacity:.76
}