/* NMIMS CIIS — assets/css/04-sections/why.css — extracted from approved source (Phase 2B) */

/* ── WHY MBA ── */
.why-section { background: linear-gradient(180deg, var(--off-white) 0%, var(--white) 100%); }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }
.why-card { background: white; border-radius: var(--radius); padding: 28px; border: 1px solid var(--grey-light); box-shadow: var(--shadow-soft); transition: all 0.3s ease; position: relative; overflow: hidden; }
.why-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--red), var(--orange)); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.why-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.why-card:hover::before { transform: scaleX(1); }
.why-icon { width: 52px; height: 52px; border-radius: 14px; background: var(--grey-light); display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 16px; }
.why-card h3 { font-size: 1rem; margin-bottom: 8px; color: var(--dark); }
.why-card p { font-size: 0.875rem; line-height: 1.6; }