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

/* ── SPECIALISATIONS ── */
.spec-section { background: var(--dark); position: relative; overflow: hidden; }
.spec-section::before { content: ''; position: absolute; top: -200px; right: -200px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(75,44,123,0.25) 0%, transparent 70%); }
.spec-section .section-label { color: var(--orange-light); }
.spec-section .section-title { color: white; }
.spec-section .section-sub { color: rgba(255,255,255,0.60); }
.spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 48px; }
.spec-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); border-radius: var(--radius); padding: 24px 20px; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; }
.spec-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(75,44,123,0.3), rgba(200,16,46,0.15)); opacity: 0; transition: opacity 0.3s; border-radius: inherit; }
.spec-card:hover { border-color: rgba(232,105,10,0.5); transform: translateY(-4px); }
.spec-card:hover::after { opacity: 1; }
.spec-num { font-family: var(--font-display); font-size: 2.5rem; font-weight: 800; color: rgba(255,255,255,0.08); line-height: 1; margin-bottom: 10px; position: relative; z-index: 1; }
.spec-card-icon { font-size: 1.5rem; margin-bottom: 12px; position: relative; z-index: 1; }
.spec-card h3 { font-size: 0.95rem; color: white; margin-bottom: 8px; font-weight: 600; position: relative; z-index: 1; }
.spec-card p { font-size: 0.8rem; color: rgba(255,255,255,0.55); line-height: 1.6; position: relative; z-index: 1; }
.spec-card-7 { grid-column: span 2; }