/* Subscribe Page Styles - PLStarcraft */

/* Hero */
.hero-subscribe {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(0,212,255,0.08), transparent),
              radial-gradient(1000px 500px at 90% 20%, rgba(123,47,247,0.08), transparent);
}
.hero-wrap {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-10);
  align-items: center;
}
.hero-text .hero-cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-xl); }

@media (max-width: 900px) {
  .hero-wrap { grid-template-columns: 1fr; }
}

/* Benefits */
.benefits-grid .card .card-title i { color: var(--color-primary); margin-right: var(--space-2); }

/* Plans */
.section-plans .plans-grid .plan .price { font-size: var(--font-size-2xl); margin-bottom: var(--space-4); }
.section-plans .plans-grid .plan-featured { outline: 2px solid var(--color-primary); box-shadow: var(--shadow-glow-primary); }
.plan-features { display: grid; gap: var(--space-2); }
.plan-features i { color: var(--color-success); margin-right: var(--space-2); }

/* Steps */
.steps-list { display: grid; gap: var(--space-3); counter-reset: step; }
.steps-list li { position: relative; padding-left: 2.25rem; color: var(--color-text-muted); }
.steps-list li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 0; top: 0.1rem; width: 1.6rem; height: 1.6rem;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--color-background-elevated); border: 1px solid var(--color-primary);
  border-radius: var(--radius-full); color: var(--color-primary); font-family: var(--font-display);
}

/* Video */
.video-wrapper { position: relative; aspect-ratio: 16/9; background: var(--color-background-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.video-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Testimonials */
.testimonials-grid blockquote p { color: var(--color-text); margin-bottom: var(--space-3); }

/* Rewards */
.rewards-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-10); align-items: center; }
.rewards-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.rewards-list { display: grid; gap: var(--space-2); }

@media (max-width: 900px) {
  .rewards-wrap { grid-template-columns: 1fr; }
}

/* Community */
.community-section { background: linear-gradient(180deg, rgba(0,212,255,0.06), rgba(123,47,247,0.04)); }
.community-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-10); align-items: center; }
.community-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
@media (max-width: 900px) { .community-wrap { grid-template-columns: 1fr; } }

/* FAQ */
.faq-list details { overflow: hidden; }
.faq-list summary { cursor: pointer; padding: var(--space-2) 0; }
.faq-list details[open] { border-color: var(--color-primary); box-shadow: var(--shadow-glow-primary); }

/* Forms */
#subscribe-form .card-footer, #feedback-form .card-footer { display: flex; justify-content: flex-end; }
.hidden { display: none !important; }

/* Minor utilities */
.align-start { align-items: start; }