.skills-section{padding:3em 1em;background:#0a0a0a;position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;min-height:100vh;overflow:hidden}.skills-section-paragraph-hook{position:relative;z-index:1;margin:0 auto}.skill-set-icons{max-width:90%;flex-wrap:wrap;gap:24px;z-index:1;padding:2rem 0}.skill-icon-card,.skill-set-icons{position:relative;display:flex;justify-content:center}.skill-icon-card{padding:20px;border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37),inset 0 0 20px rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer;align-items:center;min-width:90px;min-height:90px}.skill-icon-card:hover{transform:translateY(-5px) scale(1.05);background:rgba(255,255,255,.15);box-shadow:0 12px 40px 0 rgba(31,38,135,.5),0 0 30px rgba(255,255,255,.3),inset 0 0 30px rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3)}.skill-icon-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.05) 50%,rgba(255,255,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.skill-icon-card:hover:before{opacity:1}.skill-set-icons i{font-size:3em;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease;position:relative;z-index:1}.skill-icon-card:hover i{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.1);transform:scale(1.1)}@media only screen and (max-width:565px){.skill-set-icons{max-width:none;padding:0 1rem}.skill-icon-card{min-width:70px;min-height:70px;padding:15px}.skill-set-icons i{font-size:2.2em}}@media only screen and (max-width:480px){.skill-set-icons{max-width:none;padding:0 1rem;gap:16px}.skill-icon-card{min-width:65px;min-height:65px;padding:12px}.skill-set-icons i{font-size:2em}}