.skills-section{position:relative}.skills-layout{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.skills-panel{background:var(--bg-glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding:24px 26px;transition:border-color .125s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 12px 40px #00000073,0 4px 12px #0000004d}[data-theme=light] .skills-panel{box-shadow:inset 0 1px #fffffff2,inset 0 -1px #0000000d,0 12px 40px #0000001f,0 4px 12px #00000014}.skills-panel:before{content:"";background:linear-gradient(90deg, var(--cat-accent,var(--cyan-bright)), transparent 80%);opacity:.55;border-radius:18px 18px 0 0;height:2px;transition:opacity .125s;position:absolute;top:0;left:0;right:0}.skills-panel:hover{border-color:var(--glass-border-hover);box-shadow:inset 0 1px #ffffff14,0 8px 30px #0000001f}.skills-panel:hover:before{opacity:.9}.skills-panel__header{align-items:center;gap:9px;margin-bottom:18px;display:flex}.skills-panel__indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px}.skills-panel__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700}.skills-panel__grid{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{border:1px solid var(--glass-border);color:var(--text-secondary);will-change:transform;cursor:default;background:#ffffff0a;border-radius:9px;align-items:center;gap:7px;padding:7px 13px;font-family:Inter,sans-serif;font-size:.74rem;font-weight:500;transition:color .11s,border-color .22s,transform .22s,background .22s;display:inline-flex}[data-theme=light] .skill-chip{background:#00000008}.skill-chip:hover{color:var(--cat-accent,var(--cyan-bright));border-color:var(--cat-accent,var(--cyan-bright));background:var(--cat-dim,var(--cyan-dim));transform:translateY(-2px)}.skill-chip__icon{color:var(--cat-accent,var(--cyan-bright));flex-shrink:0;font-size:.95rem}.skill-chip__name{white-space:nowrap}@media (max-width:1100px){.skills-layout{gap:16px}}@media (max-width:900px){.skills-layout{grid-template-columns:1fr;gap:14px}}@media (max-width:768px){.skills-layout{grid-template-columns:1fr;gap:12px}.skills-panel{padding:20px 22px}}@media (max-width:480px){.skills-panel{padding:18px 16px}.skill-chip{padding:6px 11px;font-size:.7rem}.skills-panel__grid{gap:6px}}@media (max-width:375px){.skills-panel{padding:14px 12px}.skill-chip{padding:5px 9px;font-size:.66rem}}