.bot-hero{padding:clamp(88px,10vw,150px) 0 70px;background:radial-gradient(circle at 75% 25%,rgba(168,255,62,.1),transparent 28rem),radial-gradient(circle at 12% 10%,rgba(57,217,255,.12),transparent 30rem)}
.bot-hero .shell{max-width:1040px}.bot-hero h1{font:800 clamp(44px,7vw,82px)/.98 Outfit,Inter,sans-serif;letter-spacing:-.055em;max-width:900px;margin:18px 0 28px}.bot-hero h1 em{color:#a8ff3e;font-style:normal}.bot-hero>div>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:18px}
.bot-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:34px;padding:22px 24px;border:1px solid rgba(168,255,62,.25);border-radius:18px;background:rgba(13,15,30,.8)}.bot-price b{font:900 34px Outfit;color:#a8ff3e}.bot-price span{font-weight:800}.bot-price small{flex-basis:100%;color:var(--muted)}
.bot-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.bot-summary article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:grid;gap:3px}.bot-summary b{font:900 34px Outfit}.bot-summary span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.bot-summary .online b{color:#a8ff3e}.bot-summary .degraded b{color:#ffbd4a}.bot-summary .offline b{color:#ff5277}.bot-summary .unknown b{color:#7f8194}
.bot-status-grid,.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.bot-status-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.status-light{width:11px;height:11px;border-radius:50%;background:#7f8194}.bot-status-card.online .status-light{background:#a8ff3e;box-shadow:0 0 14px rgba(168,255,62,.7)}.bot-status-card.degraded .status-light{background:#ffbd4a}.bot-status-card.offline .status-light{background:#ff5277}.bot-status-card div{display:grid}.bot-status-card small,.bot-status-card time{color:var(--muted);font-size:11px}.bot-status-card time{text-align:right}
.bot-subscriptions{background:rgba(4,5,13,.55)}.bot-empty{padding:30px;border:1px dashed var(--line-strong);border-radius:18px;background:var(--panel);color:var(--muted)}.bot-empty h3{color:var(--text);margin-top:0}.bot-empty .button{display:inline-flex;margin-top:12px}.subscription-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.subscription-grid article>span{color:#39d9ff;font-size:10px;font-weight:900;letter-spacing:.14em}.subscription-grid h3{margin:8px 0}.subscription-grid p{color:#a8ff3e;font-weight:800}.subscription-grid dl{display:grid;gap:8px}.subscription-grid dl div{display:flex;justify-content:space-between;gap:12px}.subscription-grid dt{color:var(--muted)}.billing-hold{margin-top:24px;color:var(--muted)}.billing-hold strong{color:#ffbd4a}
@media(max-width:720px){.bot-summary{grid-template-columns:1fr 1fr}.bot-status-card{grid-template-columns:auto 1fr}.bot-status-card time{grid-column:2;text-align:left}.bot-hero h1{font-size:44px}}


/* ==========================================================================
   BOTS PAGE NEON GLOWS & CENTERING
   ========================================================================== */
.bot-price,
.bot-summary article,
.bot-status-card,
.subscription-grid article,
.bot-empty {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.3s ease,
              border-color 0.3s ease !important;
}

.bot-price {
  border: 1px solid rgba(168, 255, 62, 0.4) !important;
  box-shadow: 0 0 25px rgba(168, 255, 62, 0.15), 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}
.bot-price:hover {
  transform: translateY(-4px) !important;
  border-color: #a8ff3e !important;
  box-shadow: 0 0 35px rgba(168, 255, 62, 0.6), 0 0 75px rgba(168, 255, 62, 0.25) !important;
}

.bot-summary article {
  text-align: center;
  justify-items: center;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}
.bot-summary article:hover { transform: translateY(-5px) !important; }

.bot-summary .online { border-color: rgba(168, 255, 62, 0.35) !important; }
.bot-summary .online:hover {
  border-color: #a8ff3e !important;
  box-shadow: 0 0 28px rgba(168, 255, 62, 0.6), 0 0 60px rgba(168, 255, 62, 0.22) !important;
}
.bot-summary .degraded { border-color: rgba(255, 189, 74, 0.35) !important; }
.bot-summary .degraded:hover {
  border-color: #ffbd4a !important;
  box-shadow: 0 0 28px rgba(255, 189, 74, 0.6), 0 0 60px rgba(255, 189, 74, 0.22) !important;
}
.bot-summary .offline { border-color: rgba(255, 82, 119, 0.35) !important; }
.bot-summary .offline:hover {
  border-color: #ff5277 !important;
  box-shadow: 0 0 28px rgba(255, 82, 119, 0.6), 0 0 60px rgba(255, 82, 119, 0.22) !important;
}
.bot-summary .unknown { border-color: rgba(127, 129, 148, 0.35) !important; }
.bot-summary .unknown:hover {
  border-color: #7dd3fc !important;
  box-shadow: 0 0 28px rgba(125, 211, 252, 0.5), 0 0 60px rgba(125, 211, 252, 0.18) !important;
}

.bot-status-card {
  border: 1px solid rgba(139, 92, 246, 0.28) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}
.bot-status-card:hover {
  transform: translateY(-4px) !important;
  border-color: #00f0ff !important;
  box-shadow: 0 0 28px rgba(0, 240, 255, 0.55), 0 0 60px rgba(168, 85, 247, 0.28) !important;
}

.subscription-grid article {
  border: 1px solid rgba(139, 92, 246, 0.28) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45);
}
.subscription-grid article:hover {
  transform: translateY(-5px) !important;
  border-color: #c084fc !important;
  box-shadow: 0 0 30px rgba(192, 132, 252, 0.6), 0 0 65px rgba(0, 240, 255, 0.25) !important;
}
