/* Shared premium styling for inner pages */
.premium-page {
  background: linear-gradient(180deg, #0b1320 0%, #102640 28%, #eff4fb 28.1%, #eff4fb 100%);
  min-height: 100vh;
}

.premium-main {
  padding: 2rem 0 4rem;
}

.premium-hero {
  background: linear-gradient(115deg, #0d2d4f, #16528b);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  padding: 1.2rem;
  margin-bottom: 1rem;
}

.premium-hero .section-title,
.premium-hero .section-sub {
  color: #fff;
}

.premium-main .panel,
.premium-main .card {
  border: 1px solid #d6e2ef;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(9, 24, 43, 0.09);
}

.premium-gallery .thumb {
  background: linear-gradient(145deg, #d5e7f8, #b3d2ee);
  border: 1px solid #c9dcee;
}

.animate-in {
  opacity: 0;
  transform: translateY(18px);
  animation: riseIn 0.7s ease forwards;
}

.a1 { animation-delay: 0.08s; }
.a2 { animation-delay: 0.16s; }
.a3 { animation-delay: 0.24s; }
.a4 { animation-delay: 0.32s; }

@keyframes riseIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}