body{background:var(--mint);min-height:100vh;}

/* ===== animated background ===== */
.uc-bg{position:fixed;inset:0;overflow:hidden;z-index:0;background:linear-gradient(160deg,var(--mint) 0%, var(--white) 60%);}
.uc-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:0.35;animation:orbFloat 10s ease-in-out infinite;}
.o1{width:340px;height:340px;background:radial-gradient(circle,var(--teal),transparent 70%);top:-80px;left:-100px;}
.o2{width:280px;height:280px;background:radial-gradient(circle,var(--coral),transparent 70%);bottom:-100px;right:-60px;animation-delay:2s;}
.o3{width:200px;height:200px;background:radial-gradient(circle,var(--gold),transparent 70%);top:40%;right:12%;animation-delay:4s;}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-24px) scale(1.06);}}
.uc-sweep{
  position:absolute;top:0;left:-40%;width:40%;height:100%;
  background:linear-gradient(120deg,transparent, rgba(255,255,255,0.5), transparent);
  animation:ucSweep 6s ease-in-out infinite;
}
@keyframes ucSweep{0%{left:-40%;}50%{left:120%;}100%{left:120%;}}

/* ===== layout ===== */
.uc-wrap{
  position:relative;z-index:1;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:60px 24px;
}
.uc-brand{
  position:absolute;top:36px;left:50%;transform:translateX(-50%);
  font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink);
}
.uc-brand em{font-style:italic;color:var(--teal);}

.uc-content{max-width:600px;}
.uc-eyebrow{margin-bottom:14px;}
.uc-title{font-size:clamp(2.1rem,5vw,3.4rem);animation:ucIn .8s ease .1s both;}
.uc-sub{color:#3c5254;margin:20px auto 34px;max-width:460px;animation:ucIn .8s ease .25s both;}
@keyframes ucIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}

/* ===== countdown ===== */
.uc-countdown{display:flex;gap:16px;justify-content:center;margin-bottom:30px;animation:ucIn .8s ease .4s both;}
.uc-time{
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:16px 20px;min-width:76px;box-shadow:var(--shadow);
}
.uc-time span{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:600;color:var(--teal);}
.uc-time small{font-family:var(--font-mono);font-size:0.68rem;color:#5b6f70;letter-spacing:0.06em;text-transform:uppercase;}

/* ===== progress ===== */
.uc-progress{width:100%;max-width:360px;height:6px;background:var(--mint-deep);border-radius:999px;margin:0 auto;overflow:hidden;}
.uc-progress-bar{
  height:100%;width:70%;border-radius:999px;
  background:linear-gradient(90deg,var(--teal),var(--coral));
  animation:progressGlow 2.4s ease-in-out infinite;
}
@keyframes progressGlow{0%,100%{opacity:0.85;}50%{opacity:1;}}

.uc-footer{position:relative;z-index:1;margin-top:40px;font-size:0.8rem;color:#5b6f70;}

@media (max-width:560px){
  .uc-brand{position:static;transform:none;margin-bottom:30px;}
  .uc-countdown{flex-wrap:wrap;}
}
@media (prefers-reduced-motion: reduce){
  .uc-orb,.uc-sweep,.uc-progress-bar{animation:none!important;}
}