.skills{padding-top:80px}.skills__hero{text-align:center}.skills__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.skills__subtitle{font-size:clamp(1.05rem,1.4vw,1.3rem);color:var(--text-secondary);line-height:1.65;max-width:60ch;margin:0 auto}.skills__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;align-items:start;margin-top:3rem}.skill-category{grid-column:span 6}.skill-category__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(107,44,158,.2)}.skill-category__header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.skill-category__icon{width:32px;height:32px;color:var(--secondary-purple);filter:drop-shadow(0 0 8px rgba(138,79,190,.3))}.skill-category__skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.skill-category--stack{grid-column:1/span 6}.skill-category--stack:has(.skill-item:nth-child(4)){grid-column:auto}.skill-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(107,44,158,.1);transition:all .3s ease;position:relative;overflow:hidden}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(138,79,190,.05),transparent);transition:left .5s ease}.skill-item:hover{border-color:#8a4fbe4d;background:#ffffff0d;transform:translateY(-2px)}.skill-item:hover:before{left:100%}.skill-item:hover .skill-item__logo img{transform:scale(1.1) rotate(5deg)}.skill-item__logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-item__logo img{width:100%;height:100%;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.skill-item__info{flex:1;min-width:0}.skill-item__name{font-weight:600;color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem;display:block}.skill-item__description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.skills__philosophy-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.skills__philosophy-content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.skills__philosophy-content p:last-child{margin-bottom:0}.skills__philosophy-content p strong{color:var(--secondary-purple);font-weight:600}@media (max-width: 1024px){.skills__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.skill-category,.skill-category--stack,.skill-category--stack:has(.skill-item:nth-child(4)){grid-column:span 6}}@media (max-width: 768px){.skills__grid{grid-template-columns:1fr;gap:1.25rem}.skill-category{grid-column:1/-1}.skill-item{flex-direction:column;text-align:center;gap:.75rem}.skill-item__logo{width:40px;height:40px}}.btn-secondary{background:transparent;border:2px solid var(--secondary-purple);padding:10px 28px;margin:10px 28px;border-radius:8px;color:var(--secondary-purple);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--secondary-purple);color:#fff;transform:translateY(-2px);box-shadow:var(--glow-purple)}
