.is2-real-panel-wrap {
  border: 1px solid rgba(245, 158, 11, .22);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(245, 158, 11, .14), transparent 28%),
    linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(9, 9, 11, .98));
  box-shadow: 0 22px 70px rgba(0,0,0,.4);
  padding: 20px;
  margin-bottom: 24px;
  color: #f8fafc;
}
.is2-real-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}
.is2-real-panel-head h2 { margin: 0 0 6px; font-size: 24px; }
.is2-real-panel-head p { margin: 0; color: #a1a1aa; font-size: 13px; }
.is2-real-balance-card {
  border: 1px solid rgba(250, 204, 21, .18);
  border-radius: 18px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(127, 29, 29, .45), rgba(120, 53, 15, .24));
  margin-bottom: 18px;
}
.is2-real-balance-card small { color: #fecaca; display: block; margin-bottom: 4px; }
.is2-real-balance-card strong { color: #fbbf24; font-size: 38px; line-height: 1; }
.is2-real-package-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  align-items: stretch;
}
.is2-real-package-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(10, 15, 31, 0.98), rgba(6, 8, 16, 0.98));
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.is2-real-package-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(130deg, rgba(34,211,238,.95), rgba(168,85,247,.95), rgba(249,115,22,.95), rgba(34,211,238,.95));
  background-size: 220% 220%;
  animation: is2-real-neon-border 5s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .9;
}
.is2-real-package-card::after {
  content: '';
  position: absolute;
  inset: -18px;
  border-radius: 28px;
  background: radial-gradient(circle at 50% 0%, rgba(34,211,238,.18), transparent 42%),
              radial-gradient(circle at 100% 100%, rgba(249,115,22,.16), transparent 36%),
              radial-gradient(circle at 0% 100%, rgba(168,85,247,.16), transparent 34%);
  filter: blur(14px);
  opacity: .72;
  z-index: -1;
  pointer-events: none;
}
.is2-real-package-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.2);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.42);
}
.is2-real-package-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background: #09090b;
  flex: 0 0 auto;
}
.is2-real-package-body {
  padding: 14px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 6px;
}
.is2-real-package-body h3 {
  margin: 0;
  min-height: 48px;
  font-size: 16px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.is2-real-package-body .dp {
  color: #fbbf24;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
}
.is2-real-package-body .bonus {
  color: #86efac;
  font-size: 12px;
  line-height: 1.35;
  min-height: 16px;
}
.is2-real-package-body .price {
  color: #e5e7eb;
  font-weight: 800;
  line-height: 1.2;
  margin-top: auto;
  padding-top: 8px;
  min-height: 24px;
}
.is2-real-buy {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 10px 12px;
  background: linear-gradient(135deg, #dc2626, #f59e0b);
  color: white;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(220, 38, 38, 0.18);
}
.is2-real-buy:disabled { opacity: .55; cursor: not-allowed; }
.is2-real-section-title { margin: 18px 0 10px; font-size: 18px; }
.is2-real-table-wrap { overflow: auto; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; }
.is2-real-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.is2-real-table th,
.is2-real-table td { padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.07); text-align: left; font-size: 13px; }
.is2-real-table th { color: #a1a1aa; background: rgba(9,9,11,.78); }
.is2-real-empty { color: #a1a1aa; padding: 14px; border: 1px dashed rgba(255,255,255,.14); border-radius: 14px; }
.is2-real-hidden-original { display: none !important; }

@keyframes is2-real-neon-border {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@media (max-width: 640px) {
  .is2-real-package-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .is2-real-package-body h3 {
    min-height: auto;
  }
}