.skills-section{background:#080b0f;padding:100px 24px;font-family:DM Mono,Fira Code,monospace;position:relative;overflow:hidden}.skills-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000,#0000);mask-image:radial-gradient(80% 60%,#000,#0000)}.skills-bg-glow{pointer-events:none;background:radial-gradient(#6366f114 0%,#0000 70%);width:700px;height:300px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.skills-container{max-width:1000px;margin:0 auto;position:relative}.skills-header{margin-bottom:64px}.skills-eyebrow{letter-spacing:4px;text-transform:uppercase;color:#6366f1;margin-top:0;margin-bottom:12px;font-size:11px}.skills-title{color:#f1f5f9;letter-spacing:-1px;margin:0;font-family:Syne,DM Mono,monospace;font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1}.skills-title-dot{vertical-align:middle;background:#6366f1;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.skill-card{cursor:default;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.skill-card-corner{pointer-events:none;width:40px;height:40px;position:absolute;top:0;right:0}.skill-icon{display:block}.skill-name{letter-spacing:1px;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:500;transition:color .2s}.skills-footer-label{color:#334155;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-top:48px;font-size:11px}@media (max-width:640px){.skills-section{padding:72px 16px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.skill-card{padding:18px 12px}.skills-header{margin-bottom:40px}}