.tech-roles{background-color:var(--color-gray-50);padding:var(--spacing-16)var(--spacing-4)}.tech-roles__container{max-width:var(--container-max-width);margin:0 auto}.tech-roles__header{margin-bottom:var(--spacing-12)}.tech-roles__heading{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-dark);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.tech-roles__description{font-size:var(--font-size-lg);color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.tech-roles__grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.tech-roles__card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;cursor:pointer;border:1px dotted #d1d5db;transition:all .3s}.tech-roles__card:hover{z-index:1;border:2px dotted var(--color-primary);background-color:#f9fafb;box-shadow:0 4px 6px -1px #0000001a}.tech-roles__card:hover .tech-roles__card-title{color:var(--color-primary)}.tech-roles__icon{margin-bottom:var(--spacing-4);justify-content:center;display:flex}.tech-roles__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-dark);margin-bottom:var(--spacing-3);transition:color .3s}.tech-roles__card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}@media (max-width:768px){.tech-roles{padding:var(--spacing-12)var(--spacing-4)}.tech-roles__heading{font-size:var(--font-size-2xl)}.tech-roles__grid{grid-template-columns:1fr}}.tech-roles__grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-roles__grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-roles__grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.tech-roles__grid--cols-2,.tech-roles__grid--cols-3,.tech-roles__grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.tech-roles__grid--cols-2,.tech-roles__grid--cols-3,.tech-roles__grid--cols-4{grid-template-columns:1fr}}