/** Shopify CDN: Minification failed

Line 241:0 Unexpected "50%"
Line 241:16 Unexpected "}"

**/

/* ===== FROST LAB — coming-soon teaser =====
   EMAIL: edit SIGNUP_ENDPOINT in the main script block to connect a list. */
:root{
  --neon:#7fe9ff; --neon-2:#33d2ee; --neon-deep:#0f8aa6; --pink:#ff7ad1; --liquid:#ff5a64;
  --fm:"Space Mono",ui-monospace,monospace; --fb:"Nunito",system-ui,sans-serif; --fd:"Bogart","Paytone One",system-ui,sans-serif; --fs:"Pacifico",cursive; --frost:#eafdff;
}
*{box-sizing:border-box;margin:0;padding:0}

input,textarea,select{cursor:text}
html{height:100%;overflow-x:hidden}
body{min-height:100%;height:auto}
body{background:#000;color:#eaffff;font-family:var(--fb);min-height:100svh;overflow-x:hidden;overflow-y:auto;position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:clamp(1.6rem,4vh,3rem) 1.2rem;-webkit-font-smoothing:antialiased}


/* ===== SMOKE / FOG ===== */
.smoke{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.puff{position:absolute;border-radius:50%;filter:blur(60px);mix-blend-mode:screen;opacity:.6}
.p1{width:60vw;height:60vw;left:-10vw;top:10vh;background:radial-gradient(circle,rgba(127,233,255,.5),transparent 65%);animation:drift1 26s ease-in-out infinite}
.p2{width:52vw;height:52vw;right:-12vw;top:20vh;background:radial-gradient(circle,rgba(120,180,255,.45),transparent 65%);animation:drift2 32s ease-in-out infinite}
.p3{width:46vw;height:46vw;left:18vw;top:38vh;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 60%);animation:drift3 22s ease-in-out infinite}
.p4{width:40vw;height:40vw;right:14vw;top:8vh;background:radial-gradient(circle,rgba(255,122,209,.28),transparent 60%);animation:drift1 30s ease-in-out infinite reverse}
/* low-lying dry-ice fog */
.fog{position:fixed;left:-20%;right:-20%;bottom:-12vh;height:48vh;z-index:0;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 100%,rgba(127,233,255,.3),transparent 70%);
  filter:blur(34px);mix-blend-mode:screen;animation:rise 18s ease-in-out infinite}
.fog.f2{animation:rise2 24s ease-in-out infinite;background:radial-gradient(60% 100% at 40% 100%,rgba(180,210,255,.22),transparent 70%)}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(8vw,-6vh) scale(1.2);opacity:.95}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1.1);opacity:.55}50%{transform:translate(-9vw,5vh) scale(1);opacity:.85}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1);opacity:.45}50%{transform:translate(5vw,7vh) scale(1.25);opacity:.75}}
@keyframes rise{0%,100%{transform:translateY(6vh) scaleX(1);opacity:.4}50%{transform:translateY(-2vh) scaleX(1.15);opacity:.7}}
@keyframes rise2{0%,100%{transform:translateY(2vh) scaleX(1.1);opacity:.3}50%{transform:translateY(-6vh) scaleX(1);opacity:.6}}

/* ===== content ===== */
.stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;
  flex:1;justify-content:center;gap:clamp(1.4rem,4vh,2.6rem);width:100%;padding-bottom:1rem}
.top{display:flex;flex-direction:column;align-items:center;gap:1rem}
.logo{width:min(420px,72vw);filter:drop-shadow(0 0 14px rgba(127,233,255,.55)) drop-shadow(0 0 40px rgba(51,210,238,.35));
  animation:logofloat 7s ease-in-out infinite}
@keyframes logofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.eyebrow{font-family:var(--fm);font-weight:500;font-size:clamp(.82rem,2vw,1.08rem);letter-spacing:.34em;text-transform:uppercase;
  color:#bdf6ff;text-shadow:0 0 10px rgba(127,233,255,.7),0 0 24px rgba(51,210,238,.45);padding-left:.34em}

/* ===== TIMER ===== */
.tsmoke{position:absolute;left:-10%;right:-10%;bottom:-12%;height:54%;z-index:0;pointer-events:none;mix-blend-mode:screen;filter:blur(26px);opacity:.58;
  background:radial-gradient(66% 95% at 50% 100%,rgba(208,243,255,.26),transparent 72%),
             radial-gradient(44% 82% at 20% 100%,rgba(127,233,255,.28),transparent 70%),
             radial-gradient(44% 82% at 80% 100%,rgba(180,220,255,.24),transparent 70%);
  -webkit-mask:linear-gradient(to top,rgba(0,0,0,.5) 0%,#000 32%,rgba(0,0,0,.42) 66%,transparent 100%);
          mask:linear-gradient(to top,rgba(0,0,0,.5) 0%,#000 32%,rgba(0,0,0,.42) 66%,transparent 100%);
  animation:tsmoke 16s ease-in-out infinite}
.tsmoke::after{content:"";position:absolute;inset:0;mix-blend-mode:screen;filter:blur(24px);
  background:radial-gradient(52% 80% at 50% 100%,rgba(255,255,255,.14),transparent 72%);
  animation:tsmoke2 21s ease-in-out infinite}
@keyframes tsmoke{0%,100%{transform:translateX(-4%) scale(1);opacity:.6}50%{transform:translateX(5%) scale(1.14);opacity:.95}}
@keyframes tsmoke2{0%,100%{transform:translateX(5%) scale(1.1);opacity:.5}50%{transform:translateX(-5%) scale(1);opacity:.85}}
/* fog plumes rising from behind the digits */
.dryice{position:absolute;left:-6%;right:-6%;bottom:-10%;height:60%;z-index:1;pointer-events:none;mix-blend-mode:screen;filter:blur(15px);
  -webkit-mask:linear-gradient(to top,rgba(0,0,0,.5) 0%,#000 34%,rgba(0,0,0,.4) 68%,transparent 100%);
          mask:linear-gradient(to top,rgba(0,0,0,.5) 0%,#000 34%,rgba(0,0,0,.4) 68%,transparent 100%)}
.dryice i{position:absolute;bottom:0;width:30%;aspect-ratio:1/1;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 50% 56%,rgba(224,247,255,.42),transparent 64%);animation:billow 9s ease-in-out infinite}
.dryice i:nth-child(1){left:1%;width:34%;animation-duration:10s}
.dryice i:nth-child(2){left:19%;width:28%;animation-duration:8s;animation-delay:1.4s;background:radial-gradient(circle at 50% 56%,rgba(127,233,255,.4),transparent 64%)}
.dryice i:nth-child(3){left:37%;width:36%;animation-duration:11s;animation-delay:2.6s;background:radial-gradient(circle at 50% 56%,rgba(224,247,255,.32),transparent 66%)}
.dryice i:nth-child(4){left:55%;width:30%;animation-duration:9s;animation-delay:.8s;background:radial-gradient(circle at 50% 56%,rgba(182,224,255,.34),transparent 66%)}
.dryice i:nth-child(5){left:71%;width:32%;animation-duration:10.5s;animation-delay:3.4s}
.dryice i:nth-child(6){left:13%;width:42%;animation-duration:12.5s;animation-delay:5s;background:radial-gradient(circle at 50% 56%,rgba(224,247,255,.3),transparent 64%)}
@keyframes billow{0%{transform:translate(0,12%) scale(.55);opacity:0}28%{opacity:.6}64%{opacity:.36}100%{transform:translate(0,-10%) scale(1.4);opacity:0}}
.timer{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:clamp(.6rem,2.4vw,1.7rem);flex-wrap:wrap}
.unit{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:clamp(64px,16vw,110px)}
.unit b{font-family:var(--fd);font-weight:800;font-size:clamp(2.6rem,9vw,5.4rem);line-height:.9;color:#eafdff;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 6px #d6fbff,0 0 14px var(--neon),0 0 30px var(--neon-2),0 0 60px var(--neon-deep);
  animation:flicker 6s linear infinite}
.unit span{font-family:var(--fm);font-size:clamp(.55rem,1.5vw,.72rem);letter-spacing:.22em;text-transform:uppercase;
  color:rgba(127,233,255,.62)}
.sep{position:relative;z-index:3;font-family:var(--fd);font-weight:700;font-size:clamp(2rem,7vw,4.2rem);line-height:1;color:var(--neon);
  text-shadow:0 0 10px var(--neon-2),0 0 26px var(--neon-deep);align-self:flex-start;margin-top:clamp(.1rem,1vw,.5rem);
  animation:blink 2s steps(1) infinite;opacity:.85}
@keyframes blink{0%,49%{opacity:.85}50%,100%{opacity:.2}}
@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.78}}

.rkick{font-family:var(--fd);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.82rem,2.3vw,1.1rem);color:var(--neon);text-shadow:0 0 18px rgba(51,210,238,.55);text-align:center;margin:0 0 1rem;font-family:'Bogart',var(--fd);font-size:1.35rem;letter-spacing:.14em;color:#eafdff;text-shadow:-1.5px -1.5px 0 rgba(127,233,255,.85),1.5px -1.5px 0 rgba(127,233,255,.85),-1.5px 1.5px 0 rgba(127,233,255,.85),1.5px 1.5px 0 rgba(127,233,255,.85),0 0 22px rgba(51,210,238,.5)}
.tagline{font-family:var(--fb);font-weight:400;font-size:clamp(1rem,2.4vw,1.32rem);color:rgba(234,255,255,.85);letter-spacing:.07em;text-transform:uppercase;font-family:'Bogart',var(--fd);color:#eafdff;text-shadow:-1.2px -1.2px 0 rgba(127,233,255,.7),1.2px -1.2px 0 rgba(127,233,255,.7),-1.2px 1.2px 0 rgba(127,233,255,.7),1.2px 1.2px 0 rgba(127,233,255,.7),0 0 18px rgba(51,210,238,.4)}
.tagline em{font-style:normal;color:var(--liquid);font-weight:600;text-shadow:0 0 12px rgba(255,82,92,.6),0 0 26px rgba(255,40,60,.4)}

/* ===== signup ===== */
.cta{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;
  font-family:var(--fm);font-weight:700;font-size:clamp(.78rem,2vw,.95rem);letter-spacing:.13em;
  text-transform:uppercase;color:rgba(190,246,255,.92);text-shadow:0 0 12px rgba(51,210,238,.4)}
.cta svg{width:15px;height:15px;color:var(--neon);flex:0 0 auto}
.cta b{color:var(--neon);text-shadow:0 0 10px rgba(127,233,255,.85),0 0 22px rgba(51,210,238,.55)}
.signup{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:100%}
.entries{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin:1.1rem 0 .2rem}
#entryCount{font-family:var(--fd);font-weight:700;font-size:clamp(1.5rem,4vw,2.1rem);color:#dffaff;
  text-shadow:0 0 8px rgba(127,233,255,.95),0 0 22px rgba(127,233,255,.6),0 0 48px rgba(51,210,238,.4)}
.entries .elabel{font-family:var(--fm);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(127,233,255,.75)}
.meter{width:min(430px,88vw);margin:1.2rem auto .2rem}
.m-title{font-family:var(--fm);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(127,233,255,.8);text-align:center;margin-bottom:.55rem}
.m-bar{height:13px;border-radius:100px;background:rgba(127,233,255,.07);border:1px solid var(--line);overflow:hidden}
.m-fill{height:100%;width:8%;border-radius:100px;background:hsl(10,90%,52%);box-shadow:0 0 14px hsl(10,90%,55%);
  transition:width 1.1s cubic-bezier(.3,.8,.3,1),background 1.1s,box-shadow 1.1s}
.m-scale{display:flex;justify-content:space-between;margin-top:.4rem;font-family:var(--fm);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase}
.m-scale .cold{color:rgba(255,90,100,.85)}
.m-scale .hot{color:rgba(126,231,135,.85)}
.field{display:flex;gap:.5rem;width:min(440px,92vw);background:rgba(127,233,255,.05);
  border:1px solid rgba(127,233,255,.35);border-radius:100px;padding:.32rem .32rem .32rem 1.1rem;
  backdrop-filter:blur(6px);transition:border-color .25s,box-shadow .25s}
.field:focus-within{border-color:var(--neon);box-shadow:0 0 0 3px rgba(127,233,255,.15),0 0 22px rgba(51,210,238,.35)}
.field input{flex:1;background:transparent;border:0;outline:none;color:#eafdff;font-family:var(--fb);font-size:1rem}
.field input::placeholder{color:rgba(234,255,255,.4)}
@media(max-width:420px){.field{flex-wrap:wrap}.field #email{flex:1 1 100%}.field #zip{flex:1 1 5rem}.field button{flex:1 1 auto}}
.field input,.field button{touch-action:manipulation}
@media(max-width:700px){.field input{font-size:16px}}
.field button{font-family:var(--fd);font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;
  border:0;cursor:pointer;border-radius:100px;padding:.7rem 1.3rem;color:#02161b;
  background:linear-gradient(180deg,#bff6ff,var(--neon-2));box-shadow:0 0 18px rgba(127,233,255,.55);transition:transform .2s,box-shadow .2s}
.field button:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(127,233,255,.8)}
.note{min-height:1.1em;font-size:.85rem;color:rgba(234,255,255,.7)}
.note.ok{color:var(--neon)}.note.err{color:var(--pink)}
.consent{max-width:min(440px,92vw);font-family:var(--fm);font-size:clamp(.55rem,1.5vw,.72rem);line-height:1.55;letter-spacing:.03em;
  color:rgba(127,233,255,.45)}

.foot{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:var(--fm);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(127,233,255,.4);margin-top:1.6rem;padding-bottom:2rem}
.follow{display:flex;gap:.9rem;justify-content:center}
.fbtn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(127,233,255,.28);background:rgba(127,233,255,.06);transition:.2s;text-decoration:none}
.fbtn svg{width:22px;height:22px}
.fbtn.tt{color:var(--neon)}.fbtn.tt:hover{border-color:var(--neon);box-shadow:0 0 16px rgba(51,210,238,.35);transform:translateY(-2px)}
.fbtn.ig{color:var(--pink)}.fbtn.ig:hover{border-color:var(--pink);box-shadow:0 0 16px rgba(226,63,149,.35);transform:translateY(-2px)}

@media(max-width:560px){
  .timer{gap:.5rem}.sep{display:none}
  .unit{min-width:0;flex:1 1 40%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.sep{opacity:.7}
  .tsmoke{opacity:.6}.dryice i{opacity:.4}}

.liquid{transform-box:fill-box;transform:translateY(0);animation:fill 2.4s cubic-bezier(.4,0,.2,1) forwards}
.wave{transform-box:fill-box;animation:wv 3s ease-in-out infinite alternate}
.b{transform-box:fill-box}
.b1{animation:bub 1.8s ease-in .3s infinite}.b2{animation:bub 2.1s ease-in .8s infinite}.b3{animation:bub 1.6s ease-in 1.2s infinite}
.load-txt{font-family:var(--fm);font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(127,233,255,.6)}
@keyframes fill{from{transform:translateY(106%)}to{transform:translateY(0)}}
@keyframes wv{from{transform:translateX(-8px)}to{transform:translateX(3px)}}
@keyframes bub{0%{transform:translateY(0);opacity:0}20%{opacity:.9}100%{transform:translateY(-50px);opacity:0}}
@keyframes bbob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}

/* ===== CONTEST BANNER ===== */
.cbanner{position:relative;display:flex;align-items:center;gap:1rem;width:min(560px,92vw);text-align:left;text-decoration:none;color:#eafdff;
  border:1.5px solid rgba(127,233,255,.6);border-radius:16px;padding:1.05rem 1.2rem;margin-top:.4rem;
  background:linear-gradient(120deg,rgba(127,233,255,.13),rgba(255,90,100,.1));
  backdrop-filter:blur(6px);box-shadow:0 0 22px rgba(51,210,238,.28);
  transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;margin-bottom:1.2rem}
.cbanner:hover{transform:translateY(-2px);border-color:var(--neon);box-shadow:0 0 40px rgba(51,210,238,.6)}
.cbanner__ic,.cbanner__txt,.cbanner__go{position:relative;z-index:1}
.cbanner__shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.cbanner__shine::before{content:"";position:absolute;top:-20%;bottom:-20%;width:55%;left:-75%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);animation:cbshine 4.6s ease-in-out infinite}
@keyframes cbshine{0%{left:-75%}55%,100%{left:135%}}
.cbanner__badge{position:absolute;top:-11px;left:18px;z-index:2;font-family:var(--fm);font-weight:700;font-size:.56rem;
  letter-spacing:.14em;text-transform:uppercase;color:#240306;background:linear-gradient(180deg,#ffd2d6,var(--liquid));
  padding:.3rem .62rem;border-radius:100px;box-shadow:0 0 14px rgba(255,90,100,.6);animation:cbbadge 1.9s ease-in-out infinite}
@keyframes cbbadge{0%,100%{transform:scale(1);box-shadow:0 0 12px rgba(255,90,100,.5)}50%{transform:scale(1.06);box-shadow:0 0 22px rgba(255,90,100,.9)}}
.cbanner__ic{width:36px;height:36px;color:var(--liquid);flex:0 0 auto;filter:drop-shadow(0 0 9px rgba(255,90,100,.6))}
.cbanner__txt{flex:1;min-width:0}
.cbanner__title{display:block;font-family:var(--fd);font-weight:700;font-size:clamp(.9rem,2.3vw,1.08rem);
  letter-spacing:.01em;color:#eafdff;line-height:1.22}
.cbanner__title b{color:var(--liquid);text-shadow:0 0 12px rgba(255,82,92,.5)}
.cbanner__fine{display:block;font-family:var(--fm);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(234,255,255,.5);margin-top:.25rem}
.cbanner__go{font-family:var(--fm);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--neon);white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
@media(max-width:520px){.cbanner{flex-wrap:wrap}
  .cbanner__go{width:100%;justify-content:center;border-top:1px solid rgba(127,233,255,.18);padding-top:.6rem;margin-top:.2rem}}

/* ===== thank-you modal ===== */
.modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:1.4rem;
  background:rgba(2,5,9,.80);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.modal.show{display:flex;opacity:1}
.modal__card{position:relative;max-width:420px;width:100%;text-align:center;padding:2.3rem 1.8rem 1.9rem;border-radius:20px;
  background:linear-gradient(180deg,#0a1019,#05070b);border:1px solid rgba(127,233,255,.30);
  box-shadow:0 0 60px rgba(51,210,238,.22),inset 0 0 30px rgba(127,233,255,.05);
  transform:translateY(14px) scale(.96);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.modal.show .modal__card{transform:none}
.modal__x{position:absolute;top:.7rem;right:.9rem;background:none;border:none;color:rgba(234,246,255,.5);font-size:1.5rem;
  line-height:1;cursor:pointer;transition:.2s;padding:.2rem}
.modal__x:hover{color:#fff}
.modal__icon{width:66px;height:66px;margin:0 auto 1.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#05070b;background:radial-gradient(circle at 35% 30%,#aef3ff,#33d2ee);box-shadow:0 0 28px rgba(51,210,238,.55)}
.modal__icon svg{width:34px;height:34px}
.modal__title{font-family:var(--fd);font-weight:800;font-size:1.4rem;color:#fff;margin:0 0 .55rem;letter-spacing:.02em}
.modal__body{font-family:var(--fb);font-weight:300;color:rgba(234,246,255,.82);font-size:.96rem;margin:0 0 1.5rem;line-height:1.55}
.modal__btn{font-family:var(--fd);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;
  color:#05070b;background:var(--neon);border:none;border-radius:100px;padding:.78rem 1.8rem;cursor:pointer;transition:.2s}
.modal__btn:hover{box-shadow:0 0 22px rgba(127,233,255,.55);transform:translateY(-2px)}

/* brand title font (trial lacks digits -> digits fall back to Orbitron) */
@font-face{font-family:'Bogart';src:url(//frostlab.us/cdn/shop/t/2/assets/bogart-black-v2.woff2?v=6943946078938801521787689073) format('woff2');font-weight:900;font-display:swap;
  unicode-range:U+0000-0024,U+0026-002F,U+003A-10FFFF}
/* frost on the background: frozen-window vignette + corner frost */
.frostbg{position:fixed;inset:0;pointer-events:none;z-index:0;
  box-shadow:inset 0 0 150px rgba(190,235,255,.16),inset 0 0 50px rgba(160,225,255,.09);
  background:
   radial-gradient(42% 34% at 0% 0%,rgba(190,240,255,.13),transparent 70%),
   radial-gradient(42% 34% at 100% 0%,rgba(190,240,255,.11),transparent 70%),
   radial-gradient(46% 38% at 0% 100%,rgba(190,240,255,.11),transparent 70%),
   radial-gradient(46% 38% at 100% 100%,rgba(190,240,255,.13),transparent 70%)}
.flakes{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.flakes i{position:absolute;top:-14px;border-radius:50%;background:#dffaff;filter:blur(.6px);
  box-shadow:0 0 6px rgba(127,233,255,.8);animation:flakefall linear infinite}
@keyframes flakefall{0%{transform:translateY(-4vh) translateX(0)}50%{transform:translateY(50vh) translateX(16px)}100%{transform:translateY(106vh) translateX(-12px)}}
@media(prefers-reduced-motion:reduce){.flakes{display:none}}
/* mystery specimen — realistic melting ice cube (SVG art) */
.specimen{position:relative;width:min(330px,74vw);margin:1.1rem auto 2rem;animation:specbob 5.5s ease-in-out infinite}
.icewrap{position:relative;width:100%;
  filter:drop-shadow(0 0 26px rgba(127,233,255,.28)) drop-shadow(0 16px 26px rgba(10,40,60,.55))}
.icewrap .cubesvg{display:block;width:100%;height:auto}
.icewrap .q{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);font-family:'Bogart',var(--fd);font-size:min(5rem,15vw);color:#0d3a52;
  text-shadow:0 0 12px rgba(255,255,255,.75),0 0 26px rgba(127,233,255,.55);opacity:.8;filter:blur(.3px);animation:qpulse 2.4s ease-in-out infinite}
.drip{position:absolute;width:6px;height:11px;border-radius:0 0 6px 6px;z-index:2;
  background:linear-gradient(180deg,rgba(220,247,255,.85),rgba(150,220,250,.95));
  filter:drop-shadow(0 0 4px rgba(127,233,255,.6));transform-origin:top;animation:dripfall 3.4s ease-in infinite}
.drip.d1{left:28%;bottom:28%}.drip.d2{left:49%;bottom:21%;height:9px;animation-delay:1.15s}.drip.d3{left:69%;bottom:27%;height:8px;animation-delay:2.2s}
@keyframes dripfall{0%{transform:translateY(0) scaleY(.25);opacity:0}14%{opacity:.95;transform:translateY(2px) scaleY(1)}
  55%{transform:translateY(30px) scaleY(1.15);opacity:.85}72%{transform:translateY(42px) scaleY(1);opacity:0}100%{transform:translateY(42px);opacity:0}}
.specimen .tag{position:absolute;left:50%;bottom:-1.5rem;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--fm);font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(127,233,255,.65)}
@keyframes specbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes qpulse{0%,100%{opacity:.8}50%{opacity:.4}}
50%{opacity:.45}}
@media(max-width:520px){.cbanner{margin-bottom:1.6rem}.follow{margin-top:.4rem}}
.cnote{margin-top:.55rem;font-family:var(--fm);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(234,255,255,.42);text-align:center}
.cnote a{color:rgba(127,233,255,.55)}

/* grand reveal (dormant until the countdown hits zero) */
.icewrap .rvx{position:absolute;left:50%;top:50%;width:118%;transform:translate(-50%,-50%) scale(.7);opacity:0;z-index:3;
  filter:drop-shadow(0 0 26px rgba(255,90,100,.45)) drop-shadow(0 14px 26px rgba(0,0,0,.55));pointer-events:none}
.specimen.shakehard{animation:rv-rumble .55s ease-in-out infinite}
@keyframes rv-rumble{0%{transform:none}12%{transform:translate(-7px,2px) rotate(-2.6deg)}25%{transform:translate(7px,-2px) rotate(2.8deg)}38%{transform:translate(-9px,1px) rotate(-3.2deg)}50%{transform:translate(9px,2px) rotate(3.4deg)}62%{transform:translate(-8px,-2px) rotate(-3deg)}75%{transform:translate(8px,1px) rotate(2.8deg)}88%{transform:translate(-6px,1px) rotate(-2.2deg)}100%{transform:none}}
.specimen.revealed{animation:specbob 5.5s ease-in-out infinite}
.specimen.revealed .cubesvg{animation:rv-shatter .55s ease-out forwards}
@keyframes rv-shatter{0%{opacity:1;transform:scale(1)}40%{opacity:.9;transform:scale(1.12)}100%{opacity:0;transform:scale(1.45);filter:blur(9px)}}
.specimen.revealed .q{opacity:0!important;transition:opacity .3s}
.specimen.revealed .drip{display:none}
.specimen.revealed .rvx{animation:rv-pop .8s cubic-bezier(.2,1.5,.4,1) .15s forwards}
@keyframes rv-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.rvburst{position:absolute;left:50%;top:50%;z-index:4;pointer-events:none}
.specimen.revealed .rvburst::before{content:"";position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;
  background:radial-gradient(circle,#fff,rgba(220,246,255,.85) 45%,rgba(127,233,255,.25) 70%,transparent 75%);
  animation:rv-flash .6s ease-out forwards}
@keyframes rv-flash{from{transform:scale(.4);opacity:1}to{transform:scale(15);opacity:0}}
@media(prefers-reduced-motion:reduce){.specimen.shakehard{animation:none}.specimen.revealed .cubesvg{animation:none;opacity:0}.specimen.revealed .rvx{animation:none;opacity:1;transform:translate(-50%,-50%)}}

/* reveal v2: layout clears the caption, shards, coming-soon pill */
.specimen{transition:width .9s cubic-bezier(.6,0,.3,1),margin-bottom .5s ease}
.specimen.settled{width:172px}
.specimen.revealed{margin-bottom:8.2rem}
.specimen.revealed .tag{bottom:-3.4rem;font-size:.6rem}
.icewrap .shard{position:absolute;left:50%;top:50%;z-index:5;border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#fff,rgba(220,246,255,.8) 60%,rgba(160,225,250,.3));
  filter:drop-shadow(0 0 6px rgba(190,240,255,.8));animation:shardfly .9s ease-out forwards}
@keyframes shardfly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(calc(-50% + var(--tx,60px)),calc(-50% + var(--ty,-60px))) scale(1.1)}}
.specimen .rv-soon{position:absolute;left:50%;bottom:-6.6rem;transform:translateX(-50%);opacity:0;pointer-events:none;
  width:max-content;max-width:92vw;text-align:center;white-space:normal;
  font-family:var(--fm);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--neon);
  border:1px solid rgba(127,233,255,.4);border-radius:100px;padding:.55rem 1.1rem;background:rgba(127,233,255,.07);
  box-shadow:0 0 18px rgba(127,233,255,.25)}
.specimen .rv-soon b{color:#fff}
.specimen.revealed .rv-soon{animation:sooniin .7s ease 1.5s forwards;pointer-events:auto}
@keyframes sooniin{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(prefers-reduced-motion:reduce){.icewrap .shard{display:none}.specimen.revealed .rv-soon{animation:none;opacity:1}}

/* reveal takeover: clear the stage, cube goes center-screen */
.rkick,.timer,.entries,.meter,.tagline,.signup,.cbanner,.cnote,.foot,.pipeline{transition:opacity .45s ease}
html.takeover .rkick,html.takeover .timer,html.takeover .entries,html.takeover .meter,
html.takeover .tagline,html.takeover .signup,html.takeover .cbanner,html.takeover .cnote,html.takeover .foot,html.takeover .pipeline{opacity:0}
html.takeover .stage{min-height:96vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.specimen.mega{width:min(430px,86vw)}
html.takeover .specimen .tag{opacity:0;transition:opacity .3s}
html:not(.takeover) .specimen .tag{opacity:1;transition:opacity .5s .3s}

/* pipeline: classified upcoming experiments (generic silhouettes only) */
.pipeline{width:min(680px,92vw);margin:2.6rem auto 1.4rem}
.pkick{font-family:var(--fm);font-weight:700;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--neon);text-align:center;margin-bottom:1rem}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
@media(max-width:560px){.pgrid{gap:.55rem}.pcard2{padding:1.3rem .45rem .7rem}.pwrap{width:58px}.pwrap .pq{font-size:1.5rem}.soonpill{font-size:.44rem;padding:.2rem .45rem}}
.pcard2{position:relative;border:1px solid rgba(127,233,255,.14);border-radius:16px;padding:1.5rem .8rem .9rem;
  background:linear-gradient(175deg,rgba(8,13,20,.85),rgba(5,7,11,.6));text-align:center}
.soonpill{position:absolute;top:.55rem;right:.55rem;font-family:var(--fm);font-weight:700;font-size:.5rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff7ad1,#e23f95);border-radius:100px;padding:.22rem .55rem;
  box-shadow:0 3px 10px rgba(226,63,149,.35)}
.pwrap{position:relative;width:74px;margin:0 auto}
.pwrap .sil{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.pwrap .pq{position:absolute;inset:0;display:grid;place-items:center;font-family:'Bogart',var(--fd);font-size:1.9rem;color:#eafdff;
  text-shadow:0 0 10px rgba(127,233,255,.8),0 0 24px rgba(51,210,238,.5);opacity:.9}
.pnum{font-family:var(--fm);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(234,253,255,.6);margin-top:.7rem}
.pnote{font-family:var(--fm);font-size:.56rem;letter-spacing:.1em;color:rgba(234,253,255,.45);text-align:center;margin-top:1rem;line-height:1.7}

/* ---- round 2: trio of cubes + zero-winners pill ---- */
.nowin{font-family:var(--fm);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#ffc9d4;
  background:rgba(255,90,100,.1);border:1px solid rgba(255,90,100,.35);border-radius:100px;
  padding:.45rem 1rem;margin:0 auto 1rem;width:max-content;max-width:92vw;text-align:center}
.nowin b{color:#ff8091}
.specimen.trio{display:flex;align-items:flex-end;justify-content:center;gap:3.5vw;width:min(620px,94vw)}
.specimen.trio .icewrap{flex:1;min-width:0;position:relative}
.spec-num{position:absolute;left:50%;bottom:-1.4rem;transform:translateX(-50%);font-family:var(--fm);
  font-size:.56rem;letter-spacing:.14em;color:var(--neon);background:rgba(51,210,238,.1);
  border:1px solid rgba(127,233,255,.3);border-radius:100px;padding:.16rem .55rem;white-space:nowrap}
.specimen.trio>.tag{display:none}
@media(max-width:520px){.specimen.trio{gap:2.5vw}.spec-num{font-size:.48rem;padding:.14rem .4rem}}

/* ================= brand transplant: match frostlab.us ================= */
body{font-family:var(--fb);background:radial-gradient(120% 90% at 50% 32%,#25476b,#102841 80%) fixed,#102841;color:#eafdff}
h1,h2,h3,.count,.rkick,.cbanner__title,.modal__title{font-family:var(--fd)!important;letter-spacing:.01em}
.tagline,.cnote,.entries,.foot,p{font-family:var(--fb)}
.signup input{font-family:var(--fb)!important;background:rgba(127,233,255,.05)!important;
  border:1px solid rgba(127,233,255,.22)!important;border-radius:12px!important;color:#eafdff!important}
.signup input:focus{border-color:var(--neon)!important;box-shadow:0 0 0 3px rgba(127,233,255,.13)!important;outline:none!important}
.signup button,.modal__btn{font-family:var(--fm)!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:linear-gradient(180deg,#7fe9ff,#33d2ee)!important;color:#031017!important;border:none!important;
  border-radius:100px!important;box-shadow:0 8px 24px rgba(51,210,238,.3)!important}
.cbanner,.pipeline .pcard2,.modal__card{background:linear-gradient(170deg,rgba(127,233,255,.06),rgba(10,26,42,.55))!important;
  border:1px solid rgba(127,233,255,.18)!important;border-radius:20px!important}

/* ================= LEGIBILITY STANDARD =================
   Blurry small text comes from translucent colours + tiny mono at wide tracking.
   Rule: sentences use Nunito at >=.84rem in solid colours; mono only for SHORT
   uppercase labels at >=.66rem; no glow on anything under 1.2rem. */
.agree,.dis,.restrict,.prizebox__desc,.reqs li,.rules li,.lead,.bonus p,.step p,.cnote,.tagline,.foot,.entries{
  font-family:var(--fb)!important;color:#dceef6!important;letter-spacing:normal!important;
  text-transform:none!important;text-shadow:none!important}
.agree{font-size:.9rem!important;line-height:1.55!important}
.agree a{color:var(--neon)!important;text-decoration:underline;text-underline-offset:3px}
.bonus b,.bonus strong{color:#fff!important}
.dis,.excl,.restrict{font-size:.8rem!important;color:#a8c6d6!important}
.hint,.share__k,.mini,.back,.eyebrow,.sk,.lb,.cbanner__fine,.spec-num,.nowin{
  text-shadow:none!important;font-size:.68rem!important;letter-spacing:.08em!important}
.hint,.share__k{color:#9fdcef!important}
.mini,.back{color:#eafdff!important;font-weight:700!important}
.mini b{color:var(--neon)!important}
.excl{font-family:var(--fb)!important;letter-spacing:normal!important;text-transform:none!important}
/* chips/buttons at the top: solid surfaces, crisp edges */
.mini,.back{background:rgba(127,233,255,.08)!important;border:1px solid rgba(127,233,255,.3)!important;
  border-radius:100px!important;padding:.5rem .9rem!important;backdrop-filter:none!important}
.mini:hover,.back:hover{border-color:var(--neon)!important;color:var(--neon)!important}
/* never glow small type */
*:not(h1):not(h2):not(.amt):not(.prizebox__amt):not(.count):not(.rkick){text-shadow:none}

/* ================= LEGIBILITY PASS 2 =================
   Mono at small sizes with wide tracking is what reads as "glitchy".
   Rule: mono only for standalone eyebrow chips. Anything with real words = Nunito. */
.k{font-family:var(--fb)!important;font-size:inherit!important;letter-spacing:normal!important;
  text-transform:none!important;font-weight:800!important;color:#7fe9ff!important}
.step p,.reqs li,.rules li,.prizebox__desc,.lead,.agree,.dis,.restrict{
  font-family:var(--fb)!important;letter-spacing:normal!important;color:#dceef6!important;font-size:.95rem!important}
.reqs li,.rules li{line-height:1.5}
.field label,.frostlab-site .field label{
  font-family:var(--fb)!important;font-weight:700!important;font-size:.8rem!important;
  letter-spacing:.02em!important;text-transform:none!important;color:#eafdff!important}
.seg button{font-family:var(--fb)!important;font-weight:700!important;font-size:.92rem!important;
  letter-spacing:.02em!important;text-transform:none!important;color:#eafdff!important}
.submit,.modal__btn{font-family:var(--fb)!important;font-weight:800!important;font-size:1rem!important;
  letter-spacing:.02em!important;text-transform:none!important}
.sbtn,.fbtn,.back,.mini{font-family:var(--fb)!important;font-weight:700!important;font-size:.82rem!important;
  letter-spacing:.02em!important;text-transform:none!important}
.hint,.share__k,.sk,.eyebrow,.excl,.bonus__tag,.lb{font-size:.72rem!important;letter-spacing:.08em!important}
.hint{font-family:var(--fb)!important;letter-spacing:normal!important;font-size:.9rem!important;text-transform:none!important}
.agree a{display:inline;white-space:nowrap}
.agree{align-items:center}
/* the tiny helper line under the guesses */
.formwrap p[style*="uppercase"]{font-family:var(--fb)!important;text-transform:none!important;
  letter-spacing:normal!important;font-size:.85rem!important;color:#a8c6d6!important}

/* ===== ROOT SIZE FIX: Shopify (Dawn) sets html{font-size:62.5%} = 10px, which renders
   every rem on this page at ~62% of its intended size and reads as blurry/broken. ===== */
html{font-size:100%!important}

/* spacing so the hero logo never collides with the Grand Reveal line */
.logo,.hero img{margin-bottom:1.2rem!important}
.rkick{margin-top:1.4rem!important;margin-bottom:1.2rem!important;position:relative;z-index:2}
.specimen{margin-top:1.6rem!important}

/* Dawn also sets body{font-size:1.5rem} for its 10px root; normalise it back */
body{font-size:1rem!important;line-height:1.6}
.frostlab-site{max-width:100vw;overflow-x:clip}
img,video,iframe,table{max-width:100%}

/* ================= FROST LAB FORM KIT (shared by every page) =================
   One look for every form on the platform. Also shields against Shopify/Dawn's
   own .field rule, which stacks labels BESIDE inputs and looks broken. */
.frostlab-site .field,.field{display:block!important;position:relative;width:auto;transition:none;margin-bottom:1rem}
.frostlab-site .field:before,.frostlab-site .field:after,.field:before,.field:after{content:none!important;display:none!important}
.field label,.frostlab-site .field label{
  position:static!important;display:block!important;transform:none!important;opacity:1!important;height:auto!important;
  font-family:var(--fb)!important;font-weight:700!important;font-size:.82rem!important;letter-spacing:.01em!important;
  text-transform:none!important;color:#eafdff!important;margin-bottom:.45rem!important;pointer-events:auto!important}
.field input,.field select,.field textarea,
.frostlab-site .field input,.frostlab-site .field select,.frostlab-site .field textarea{
  position:static!important;flex:none!important;height:auto!important;width:100%!important;
  font-family:var(--fb)!important;font-size:1rem!important;line-height:1.4!important;color:#eafdff!important;
  background:rgba(127,233,255,.05)!important;border:1px solid rgba(127,233,255,.24)!important;
  border-radius:12px!important;padding:.8rem .95rem!important;outline:none!important;
  box-shadow:none!important;transition:border-color .18s,box-shadow .18s;color-scheme:dark}
.field input:focus,.field select:focus,.field textarea:focus,
.frostlab-site .field input:focus,.frostlab-site .field textarea:focus{
  border-color:#7fe9ff!important;box-shadow:0 0 0 3px rgba(127,233,255,.14)!important}
.field input::placeholder,.field textarea::placeholder{color:rgba(234,253,255,.4)!important}
.field select option{background:#14293f;color:#eafdff}
.field textarea{min-height:96px;resize:vertical}
/* primary action button - same on every form */
.submit,.btn[type="submit"],button.submit,.formwrap .submit,#infForm .btn,.signup button{
  font-family:var(--fb)!important;font-weight:800!important;font-size:1rem!important;letter-spacing:.01em!important;
  text-transform:none!important;color:#031017!important;background:linear-gradient(180deg,#7fe9ff,#33d2ee)!important;
  border:none!important;border-radius:100px!important;padding:.95rem 1.4rem!important;cursor:pointer;
  box-shadow:0 8px 24px rgba(51,210,238,.28)!important;transition:filter .15s,opacity .15s}
.submit:hover,#infForm .btn:hover{filter:brightness(1.07)}
button[disabled],.submit[disabled]{opacity:.6!important;cursor:progress!important;filter:none!important}
.fmsg,#msg,.fmsg.ok,.fmsg.err{font-family:var(--fb)!important;font-size:.9rem!important;letter-spacing:normal!important}
.agree,label.agree{font-family:var(--fb)!important;font-size:.92rem!important;color:#dceef6!important;
  letter-spacing:normal!important;text-transform:none!important;align-items:flex-start;gap:.6rem}
.agree input[type=checkbox]{width:20px!important;height:20px!important;flex:none;margin-top:.15rem;accent-color:#33d2ee}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
@media(max-width:560px){.row2{grid-template-columns:1fr}}

/* ---- countdown chrome pass: full-bleed header, no logo collision, clean bars ---- */
.cbanner,.nowin{position:relative;z-index:5}
.nowin{cursor:pointer}
/* meter / progress bars */
/* .meter is the CONTAINER (title + bar + scale) - never style it as a bar */
.m-bar,.ptrack,.mtrack{background:rgba(127,233,255,.08)!important;border-radius:99px!important;overflow:hidden;
  height:12px!important;border:1px solid rgba(127,233,255,.18)!important;box-shadow:none!important}
.m-fill,.mfill,.pfill{border-radius:99px!important;height:100%!important}
.m-title{font-size:.66rem!important;line-height:1.5!important;white-space:normal!important;
  margin-bottom:.6rem!important;opacity:.9}
.meter{overflow:visible!important;height:auto!important;background:none!important;border:none!important}
.entries{font-family:var(--fb)!important;letter-spacing:normal!important;text-transform:none!important;
  font-size:.95rem!important;color:#dceef6!important}
.entries b,.entries .n{color:#7fe9ff!important;font-weight:800}
/* notify bar */
.signup{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:stretch;
  width:min(560px,92vw);margin:1rem auto 0}
.signup input{flex:1 1 200px;min-width:0;font-family:var(--fb)!important;font-size:1rem!important;
  background:rgba(127,233,255,.06)!important;border:1px solid rgba(127,233,255,.26)!important;
  border-radius:100px!important;padding:.85rem 1.1rem!important;color:#eafdff!important}
.signup input#zip{flex:0 0 110px}
.signup input:focus{border-color:#7fe9ff!important;box-shadow:0 0 0 3px rgba(127,233,255,.14)!important;outline:none!important}
.signup button{flex:0 0 auto;font-family:var(--fb)!important;font-weight:800!important;font-size:.95rem!important;
  letter-spacing:.01em!important;text-transform:none!important;border-radius:100px!important;padding:.85rem 1.5rem!important}
@media(max-width:560px){.signup{flex-direction:column}.signup input#zip{flex:1 1 auto}.signup button{width:100%}}

/* Dawn ships html{62.5%} + body{1.5rem}; we reset the root, so the body needs the
   matching reset or text renders 24px on some pages and 16px on others. */
html{font-size:100%!important}
body{font-size:1rem!important;line-height:1.55}

/* This page's `.field` is a pill-shaped input GROUP, not a labelled field wrapper.
   The shared form kit (correctly) makes .field a block, so strip the pill chrome here
   and let the stacked inputs stand on their own. */
.frostlab-countdown .signup .field,.signup .field{
  background:none!important;border:none!important;border-radius:0!important;padding:0!important;
  backdrop-filter:none!important;box-shadow:none!important;display:flex!important;flex-direction:column;
  gap:.6rem!important;width:min(440px,92vw)!important;margin:0 auto!important}
.signup .field:focus-within{box-shadow:none!important;border:none!important}
.signup .field input,.signup .field #zip{
  flex:none!important;width:100%!important;min-width:0!important;
  background:rgba(127,233,255,.06)!important;border:1px solid rgba(127,233,255,.28)!important;
  border-radius:100px!important;padding:.85rem 1.15rem!important;font-size:1rem!important;color:#eafdff!important}
.signup .field button{width:100%!important;border-radius:100px!important;padding:.9rem 1.4rem!important;
  font-family:var(--fb)!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:none!important;
  font-size:1rem!important;color:#031017!important;background:linear-gradient(180deg,#7fe9ff,#33d2ee)!important;border:none!important}
@media(min-width:520px){
  .signup .field{flex-direction:row!important;align-items:stretch}
  .signup .field #email{flex:1 1 auto!important}
  .signup .field #zip{flex:0 0 108px!important;width:108px!important}
  .signup .field button{width:auto!important;flex:0 0 auto!important}
}
.signup .cta{margin-bottom:.2rem}
.signup .consent{max-width:min(440px,92vw);margin-inline:auto}

/* Flavor ask. Same question the main site asks in its popup, but wearing THIS page's
   own lab-label typography (the mono/uppercase idiom of .m-title and .pkick) so it
   reads as one more instrument on the console instead of a transplanted popup field.
   Deliberately OUTSIDE .field: .field is the pill row and goes horizontal at 520px+,
   so a fourth control inside it would crush the email box. */
.flavq{width:min(440px,92vw);margin:0 auto}
.flavq .fq{font-family:var(--fm);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(127,233,255,.8);text-align:center;margin:0 0 .5rem;line-height:1.5}
.signup .flavq input{flex:none!important;width:100%!important;min-width:0!important;text-align:left;
  background:rgba(127,233,255,.06)!important;border:1px solid rgba(127,233,255,.28)!important;
  border-radius:100px!important;padding:.85rem 1.15rem!important;font-size:1rem!important;
  color:#eafdff!important;font-family:var(--fb)!important;touch-action:manipulation}
.signup .flavq input::placeholder{color:rgba(234,255,255,.4)}
.signup .flavq input:focus{border-color:#7fe9ff!important;box-shadow:0 0 0 3px rgba(127,233,255,.14)!important;outline:none!important}

/* Body padding used to give the standalone page breathing room. The shared header
   now lives inside the body, so that padding pushed it 36px down and inset it from
   the edges. Spacing moves to the content wrapper; the header sits flush on top.
   NOTE: never write an html tag name in angle brackets inside this stylesheet -
   it terminates the style block and the comment renders as page text. */
body{padding-top:0!important;padding-left:0!important;padding-right:0!important}
.frostlab-site.frostlab-countdown{padding:clamp(1.6rem,4vh,3rem) 1.2rem 0}
