.modules-section{background:var(--gray-50);position:relative;overflow:hidden}.modules-tabs{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--white);padding:var(--space-sm);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);margin:0 auto var(--space-3xl);flex-wrap:wrap;max-width:max-content;display:flex}.modules-tab{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);color:var(--gray-600);transition:all var(--transition-base);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:flex}.modules-tab:hover{background:var(--gray-50);color:var(--gray-900)}.modules-tab.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.modules-tab-icon{font-size:1.1rem}.modules-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.modules-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.modules-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-5px)}.modules-card-icon{background:var(--primary-50);border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-md);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.modules-card:hover .modules-card-icon{background:var(--primary);color:var(--white);transform:scale(1.1)}.modules-card-title{color:var(--gray-900);margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700;font-family:var(--font-display)}.modules-card-desc{color:var(--gray-500);font-size:.9rem;line-height:1.6}@media (width<=1200px){.modules-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.modules-grid{grid-template-columns:repeat(2,1fr)}.modules-tabs{border-radius:var(--radius-xl);padding:var(--space-md)}}@media (width<=600px){.modules-grid{grid-template-columns:1fr}.modules-tab{justify-content:center;width:100%}}