:root{
  --bg:#0b1618;
  --bg2:#102c2f;
  --ink:#e9f5ee;
  --muted:#a3c1b3;
  --line:#2f5a55;
  --card:#112224cc;
  --accent:#5ce1b9;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  min-height:100vh;
  font-family:"Outfit","Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(60rem 30rem at 10% -10%, #1b6b6a66 0%, transparent 65%),
    radial-gradient(35rem 30rem at 100% 0%, #4b9f7b44 0%, transparent 62%),
    linear-gradient(135deg,var(--bg),var(--bg2));
  display:grid;
  place-items:center;
  overflow:hidden;
}
.orb{
  position:fixed;
  width:18rem;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(2px);
  opacity:.28;
  animation:drift 14s ease-in-out infinite;
}
.orb.one{background:#5ce1b9;top:8%;left:6%}
.orb.two{background:#61c8ff;bottom:8%;right:5%;animation-duration:19s}
.orb.three{background:#9be15f;top:55%;left:-4%;width:10rem;opacity:.22;animation-duration:17s}
.orb.four{background:#78d8c0;top:14%;right:22%;width:7rem;opacity:.24;animation-duration:12s}
.orb.five{background:#a6f0de;bottom:14%;left:24%;width:12rem;opacity:.2;animation-duration:20s}
.orb.six{background:#3faea1;bottom:-3%;right:36%;width:15rem;opacity:.18;animation-duration:23s}
@keyframes drift{
  0%,100%{transform:translateY(0) translateX(0) scale(1)}
  50%{transform:translateY(-18px) translateX(10px) scale(1.08)}
}
.card{
  width:min(46rem,92vw);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:24px;
  padding:clamp(1.2rem,4vw,2.2rem);
  box-shadow:0 24px 60px #00000044;
  backdrop-filter:blur(8px);
  position:relative;
  z-index:2;
}
.pulse{
  width:12px;height:12px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 0 #5ce1b999;
  animation:pulse 1.8s infinite;
  display:inline-block;
  margin-right:.55rem;
  transform:translateY(1px);
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 #5ce1b999}
  70%{box-shadow:0 0 0 12px #5ce1b900}
  100%{box-shadow:0 0 0 0 #5ce1b900}
}
.status{color:var(--muted);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}
h1{
  margin:.5rem 0 0;
  font-size:clamp(1.6rem,5vw,3.1rem);
  line-height:1.06;
  letter-spacing:-.02em;
}
.sk{
  margin:.35rem 0 0;
  font-size:clamp(1.1rem,3vw,1.7rem);
  color:#d5efe2;
  font-weight:600;
}
p{
  color:var(--muted);
  max-width:62ch;
  margin:.75rem 0 0;
  line-height:1.5;
}