.tech-skills{background-color:var(--color-white);padding:var(--spacing-16)var(--spacing-4)}.tech-skills__container{max-width:var(--container-max-width);margin:0 auto}.tech-skills__header{margin-bottom:var(--spacing-8)}.tech-skills__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-skills__description{font-size:var(--font-size-lg);color:var(--color-gray-700)}.tech-skills__grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.tech-skills__card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);cursor:pointer;border:1px dotted #d1d5db;transition:all .3s}.tech-skills__card:hover{z-index:1;border:2px dotted var(--color-primary);background-color:#f9fafb;box-shadow:0 4px 6px -1px #0000001a}.tech-skills__card:hover .tech-skills__card-title{color:var(--color-primary)}.tech-skills__card-header{margin-bottom:var(--spacing-4)}.tech-skills__icon{margin-bottom:var(--spacing-4);font-size:2.5rem}.tech-skills__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-dark);margin-bottom:var(--spacing-2)}.tech-skills__list{margin:0;padding:0;list-style:none}.tech-skills__list-item{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2);align-items:flex-start;gap:var(--spacing-2);display:flex}.tech-skills__bullet{color:var(--color-primary);font-weight:var(--font-weight-bold);flex-shrink:0}@media (max-width:768px){.tech-skills{padding:var(--spacing-12)var(--spacing-4)}.tech-skills__heading{font-size:var(--font-size-3xl)}.tech-skills__grid{grid-template-columns:1fr}}