*,:before,:after{box-sizing:border-box}.skills-container{color:#fff;background:var(--black);width:100%;min-height:100vh;margin:0;padding:3rem 2rem 6rem;font-family:Arial,sans-serif;overflow-x:hidden}.skills-title-container{text-align:center;opacity:0;max-width:1500px;margin:3rem auto 5rem;padding-top:60px;animation:.8s ease-out .2s forwards fadeInUp;transform:translateY(30px)}.skills-main-title{letter-spacing:.04em;margin-bottom:1rem;font-family:Courier New,monospace;font-size:clamp(3.5rem,10vw,8rem);line-height:1.1;display:inline-block;position:relative}.dollar-my{color:#fff;margin-right:.4rem}.skills-text{color:#facc15;display:inline-block;position:relative}.skills-underline{background:var(--purple);opacity:0;transform-origin:50%;border-radius:999px;width:min(260px,50%);height:3px;margin:1rem auto 0;animation:.9s ease-out .8s forwards underlineGrowBar;transform:scaleX(0);box-shadow:0 0 12px #38bdf859}.category-section{width:100%;max-width:1500px;margin:0 auto 4rem}.skills-grid{opacity:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.6rem;width:100%;margin:2.4rem 0 4.2rem;padding:0;animation:.8s ease-out .4s forwards fadeIn;display:grid}.skill-card{text-align:center;opacity:0;background:linear-gradient(#10151df5,#0a0e16fa);border:1.5px solid #38bdf847;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:165px;padding:1.6rem 1rem;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;animation:.6s ease-out forwards cardPopIn;display:flex;transform:scale(.96);box-shadow:0 8px 20px #00000029,inset 0 0 0 1px #ffffff05}.skill-card:first-child{animation-delay:.55s}.skill-card:nth-child(2){animation-delay:.65s}.skill-card:nth-child(3){animation-delay:.75s}.skill-card:nth-child(4){animation-delay:.85s}.skill-card:nth-child(5){animation-delay:.95s}.skill-card:nth-child(6){animation-delay:1.05s}.skill-card:nth-child(7){animation-delay:1.15s}.skill-card:nth-child(8){animation-delay:1.25s}.skill-card:nth-child(9){animation-delay:1.35s}.skill-card:nth-child(10){animation-delay:1.45s}.skill-card:nth-child(11){animation-delay:1.55s}.skill-card:nth-child(12){animation-delay:1.65s}.skill-card:hover{background:linear-gradient(145deg,#facc150f 0%,#38bdf814 55%,#ffffff05 100%);border-color:#facc15;transform:translateY(-4px)scale(1.01);box-shadow:0 0 20px #facc1529,0 0 30px #38bdf814}.skill-icon{color:#fff;justify-content:center;align-items:center;font-size:clamp(3.2rem,5vw,5.2rem);transition:transform .25s,color .25s;display:flex}.skill-card:hover .skill-icon{color:#facc15;transform:scale(1.08)}.skill-name{color:#fff;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:600;line-height:1.25;transition:color .25s}.skill-card:hover .skill-name{color:#facc15}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardPopIn{0%{opacity:0;transform:scale(.82)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(.96)}}@keyframes underlineGrowBar{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (hover:none){.skill-card{transform:scale(.96)!important;box-shadow:0 8px 20px #00000029,inset 0 0 0 1px #ffffff05!important}.skill-icon,.skill-name{color:#fff!important;transform:none!important}}@media (max-width:1000px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:750px){.skills-title-container{margin:2rem auto 3.2rem;padding-top:40px}.skills-grid{gap:1.2rem;margin:2rem 0 3rem}.skill-card{border-radius:16px;min-height:145px}}@media (max-width:500px){.skills-container{padding:2rem 1rem 4rem}.category-section{margin-bottom:3rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.8rem 0 2.8rem}.skill-card{min-height:130px;padding:1.2rem .8rem}.skill-icon{font-size:3.6rem}.skill-name{font-size:1.05rem}}@media (max-width:400px){.skills-grid{grid-template-columns:1fr 1fr}.skill-card{min-height:120px}.skill-icon{font-size:3rem}.skill-name{font-size:.95rem}}