:root{
  --bg:#0b1220;
  --card:#0f1b33;
  --text:#e7eefc;
  --muted:#9bb0d1;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(1200px 800px at 20% 20%, rgba(86, 130, 255,.25), transparent 60%),
              radial-gradient(900px 700px at 80% 70%, rgba(0, 255, 200,.14), transparent 55%),
              var(--bg);
  color:var(--text);
  font: 16px/1.45 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.wrap{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:24px;
}
.card{
  width:min(520px, 92vw);
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  backdrop-filter: blur(10px);
  border-radius:16px;
  padding:26px 24px;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}
.logo{
  width:44px;height:44px;
  border-radius:12px;
  border:1px solid var(--line);
  background:
    conic-gradient(from 230deg, rgba(86,130,255,.9), rgba(0,255,200,.75), rgba(86,130,255,.9));
  box-shadow: 0 8px 30px rgba(86,130,255,.25);
  margin-bottom:14px;
}
h1{margin:0 0 8px;font-size:20px;font-weight:650;letter-spacing:.2px}
.muted{color:var(--muted)}
.tiny{font-size:12px;margin:18px 0 0}

.bar{
  margin:14px 0 10px;
  height:10px;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  border:1px solid var(--line);
  overflow:hidden;
}
.bar__fill{
  height:100%;
  width:40%;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(86,130,255,.95), rgba(0,255,200,.75));
  animation: slide 1.4s ease-in-out infinite;
}
@keyframes slide{
  0%{ transform: translateX(-120%) }
  50%{ transform: translateX(60%) }
  100%{ transform: translateX(220%) }
}

.dots{display:flex;gap:8px;margin-top:6px}
.dots span{
  width:6px;height:6px;border-radius:50%;
  background: rgba(255,255,255,.55);
  animation: blink 1.1s infinite;
}
.dots span:nth-child(2){animation-delay:.15s}
.dots span:nth-child(3){animation-delay:.3s}
@keyframes blink{
  0%, 60%, 100%{opacity:.25}
  30%{opacity:1}
}