@keyframes galNebula{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.06) translate(1%,.5%)}100%{transform:scale(1.02) translate(-.5%,-.3%)}}
@keyframes galTwinkle{0%{opacity:.2}20%{opacity:.5}40%{opacity:.9}60%{opacity:.4}80%{opacity:.7}100%{opacity:.3}}
body{position:relative!important}
body::before{display:block!important;position:fixed!important;content:""!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:-1!important;
background:radial-gradient(ellipse at 15% 48%,rgba(56,189,248,.35),transparent 50%),
radial-gradient(ellipse at 82% 22%,rgba(139,92,246,.28),transparent 45%),
radial-gradient(ellipse at 55% 78%,rgba(14,165,233,.22),transparent 40%),
radial-gradient(ellipse at 28% 88%,rgba(99,102,241,.16),transparent 35%),
radial-gradient(ellipse at 50% 50%,rgba(56,189,248,.08),transparent 60%),
linear-gradient(180deg,#020412,#060e2a 30%,#0a1038 60%,#020412 100%)!important;
animation:galNebula 30s ease-in-out infinite alternate!important}
body::after{display:block!important;position:fixed!important;content:""!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:0!important;pointer-events:none!important;
background-image:
radial-gradient(2px 2px at 10% 15%,rgba(255,255,255,.95),transparent),
radial-gradient(1.5px 1.5px at 35% 25%,rgba(200,220,255,.8),transparent),
radial-gradient(3px 3px at 50% 10%,rgba(255,255,255,1),transparent),
radial-gradient(2px 2px at 75% 40%,rgba(200,220,255,.8),transparent),
radial-gradient(1.5px 1.5px at 20% 80%,rgba(255,255,255,.85),transparent),
radial-gradient(2px 2px at 5% 70%,rgba(200,220,255,.9),transparent),
radial-gradient(3px 3px at 42% 42%,rgba(255,255,255,1),transparent),
radial-gradient(1.5px 1.5px at 60% 72%,rgba(200,220,255,.75),transparent),
radial-gradient(2px 2px at 68% 15%,rgba(255,255,255,.85),transparent),
radial-gradient(1.5px 1.5px at 85% 60%,rgba(200,220,255,.8),transparent),
radial-gradient(3px 3px at 90% 38%,rgba(255,255,255,1),transparent),
radial-gradient(2px 2px at 28% 55%,rgba(255,255,255,.8),transparent),
radial-gradient(1.5px 1.5px at 40% 65%,rgba(200,220,255,.75),transparent),
radial-gradient(2px 2px at 55% 35%,rgba(255,255,255,.8),transparent),
radial-gradient(3px 3px at 73% 45%,rgba(255,255,255,1),transparent),
radial-gradient(1.5px 1.5px at 15% 42%,rgba(255,255,255,.75),transparent),
radial-gradient(2px 2px at 48% 85%,rgba(200,220,255,.8),transparent),
radial-gradient(1.5px 1.5px at 65% 95%,rgba(255,255,255,.75),transparent),
radial-gradient(3px 3px at 3% 48%,rgba(255,255,255,1),transparent),
radial-gradient(2px 2px at 78% 18%,rgba(255,255,255,.85),transparent),
radial-gradient(1.5px 1.5px at 33% 78%,rgba(200,220,255,.75),transparent),
radial-gradient(2px 2px at 82% 55%,rgba(255,255,255,.75),transparent),
radial-gradient(3px 3px at 18% 58%,rgba(255,255,255,1),transparent),
radial-gradient(1.5px 1.5px at 95% 68%,rgba(200,220,255,.8),transparent),
radial-gradient(2px 2px at 70% 80%,rgba(255,255,255,.8),transparent),
radial-gradient(2.5px 2.5px at 22% 30%,rgba(255,255,255,.9),transparent),
radial-gradient(2px 2px at 88% 15%,rgba(200,220,255,.85),transparent),
radial-gradient(1.5px 1.5px at 45% 90%,rgba(255,255,255,.8),transparent),
radial-gradient(2.5px 2.5px at 63% 55%,rgba(255,255,255,.9),transparent),
radial-gradient(2px 2px at 8% 45%,rgba(200,220,255,.85),transparent),
radial-gradient(1.5px 1.5px at 52% 20%,rgba(255,255,255,.8),transparent),
radial-gradient(3px 3px at 30% 5%,rgba(255,255,255,1),transparent),
radial-gradient(2px 2px at 77% 85%,rgba(200,220,255,.85),transparent),
radial-gradient(1.5px 1.5px at 92% 30%,rgba(255,255,255,.75),transparent),
radial-gradient(2.5px 2.5px at 38% 12%,rgba(255,255,255,.9),transparent),
radial-gradient(2px 2px at 12% 58%,rgba(200,220,255,.8),transparent),
radial-gradient(1.5px 1.5px at 58% 48%,rgba(255,255,255,.8),transparent),
radial-gradient(3px 3px at 97% 78%,rgba(255,255,255,1),transparent),
radial-gradient(2px 2px at 47% 33%,rgba(255,255,255,.85),transparent),
radial-gradient(2.5px 2.5px at 72% 62%,rgba(200,220,255,.9),transparent),
radial-gradient(2px 2px at 4% 90%,rgba(255,255,255,.85),transparent),
radial-gradient(1.5px 1.5px at 25% 72%,rgba(255,255,255,.75),transparent),
radial-gradient(3px 3px at 44% 5%,rgba(255,255,255,1),transparent)!important;
background-size:100% 100%!important;
animation:galTwinkle 4s ease-in-out infinite alternate!important}
.bg-background.text-foreground{background:transparent!important}
html:root body{background:#050b14!important}

/* Subscription plans - horizontal 4-column layout */
.grid.grid-cols-1.gap-3.\32xl\:grid-cols-2.\32xl\:gap-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (min-width: 1024px) {
  .grid.grid-cols-1.gap-3.\32xl\:grid-cols-2.\32xl\:gap-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


/* Subscription plans horizontal layout */
[class*="grid-cols-1"][class*="2xl:grid-cols-2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (min-width: 768px) {
  [class*="grid-cols-1"][class*="2xl:grid-cols-2"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Subscription plans: equal height cards */
[class*="grid-cols-1"][class*="2xl:grid-cols-2"] > * {
  min-height: 100% !important;
  height: auto !important;
}