/* Stats section — mirrored structure and behavior from Registration Benefits */
.eligibility { background: #fff; border-top: 1px solid var(--tg-grey); text-align: center; }  
.eligibility .container { padding: 38px 16px; max-width: 1300px; margin: 0 auto; position: relative; }
.section-title { text-align: center; }
.eligibility-header h2 { color: var(--tg-navy); font-size: clamp(1.6rem, 2.6vw, 2rem); animation: revealUp 500ms ease both; }
.eligibility-header p { color: var(--tg-charcoal); font-size: clamp(1rem, 1.5vw, 1.125rem); animation: fadeIn 700ms ease both 120ms; }
.header-accent   {height: 6px; max-width: 160px; border-radius: 3px; background: linear-gradient(90deg, var(--primary, #0d6efd), var(--secondary, #00c2ff)); margin: 12px auto 0px;}   
.eligibility-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 18px; justify-items: center; }
.eligibility-card { background: var(--tg-offwhite); border: 1px solid var(--tg-grey); border-radius: var(--radius-8); padding: 18px; text-align: center; box-shadow: var(--shadow-1); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.eligibility-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(12,35,64,0.18); }
.elegibility-number { font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 800; color: var(--tg-navy); display: block; }
.eligibility-label { color: var(--tg-charcoal); font-size: clamp(0.9rem, 1vw + 0.6rem, 1.05rem); }