/* SOJ Program Page Styles */

.program-hero--soj{background:linear-gradient(135deg,#E63946 0%,#ff6b6b 100%);color:#fff;padding:160px 0 80px}
.program-hero__badge{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}
.program-hero__title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-4)}
.program-hero__desc{font-size:var(--text-xl);opacity:.9;max-width:600px;margin-bottom:var(--space-6)}
.program-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.program-meta-item{display:flex;align-items:center;gap:var(--space-2);opacity:.9}

.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}
@media(max-width:767px){.intro-grid{grid-template-columns:1fr}}
.intro-image img{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}

.soj-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
@media(max-width:1023px){.soj-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.soj-steps{grid-template-columns:1fr}}
.soj-step{text-align:center;padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
.soj-step__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#E63946,#ff6b6b);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-3)}
.soj-step h3{font-size:var(--text-base);margin-bottom:var(--space-2)}
.soj-step p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}

.soj-features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
@media(max-width:1023px){.soj-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.soj-features{grid-template-columns:1fr}}
.soj-feature{text-align:center;padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.soj-feature__flag{font-size:3rem;margin-bottom:var(--space-3)}
.soj-feature h3{font-size:var(--text-base);margin-bottom:var(--space-2)}
.soj-feature p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}

.soj-activities{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:900px;margin:0 auto}
@media(max-width:767px){.soj-activities{grid-template-columns:1fr}}
.soj-activity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.soj-activity__icon{font-size:1.5rem}

.soj-benefits-box{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:var(--space-10);border-radius:var(--radius-2xl)}
.soj-benefits-box h2{text-align:center;margin-bottom:var(--space-8)}
.soj-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
@media(max-width:767px){.soj-benefits-grid{grid-template-columns:1fr}}
.soj-benefit-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#fff;border-radius:var(--radius-lg)}
.soj-benefit-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#E63946;color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);flex-shrink:0}