.skills-section{padding:4rem 2rem;max-width:900px;background-color:#000;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.15);margin:100px auto 0;color:#f0f0f0}.skills-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:#f04}.skills-section p{margin-bottom:1rem;line-height:1.6}.skills-section h3{text-align:center;font-size:1.8rem;margin-top:3rem;margin-bottom:1.5rem;color:#f04}.skill-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.skill-box{background-color:#1a1a1a;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .3s ease,background-color .3s ease}.skill-box:hover{transform:translateY(-5px);background-color:#2a2a2a}.skill-box h3{font-size:1.3rem;margin-top:0;margin-bottom:.8rem;color:#f04}.skill-box h3 i{font-style:normal}.skill-box p{font-size:.95rem;line-height:1.5;color:#e0e0e0;margin-bottom:0}.technologies-carousel-section{margin-top:6rem;display:flex;flex-direction:column;align-items:center}.technologies-carousel-section h3{margin-bottom:2rem;font-size:2rem;color:#f04}.carousel{--carousel-duration:40s;--carousel-width:min(80vw,1200px);--carousel-item-width:120px;--carousel-item-height:150px;--carousel-item-gap:1rem;--clr-cta:#f04;position:relative;width:var(--carousel-width);height:var(--carousel-item-height);overflow:hidden;@media (min-width:601px){--carousel-duration:30s}}.carousel[mask]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.carousel-track{display:flex;gap:var(--carousel-item-gap);width:-moz-fit-content;width:fit-content;height:100%;animation:marquee var(--carousel-duration) linear infinite}.carousel[reverse] .carousel-track{animation-direction:reverse}.carousel:hover .carousel-track{animation-play-state:paused}.carousel-track>article{flex-shrink:0;width:var(--carousel-item-width);height:var(--carousel-item-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px solid ivory;padding:.5rem;border-radius:10px;background:#696969;color:#f0f0f0;will-change:transform;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer}.carousel-track>article:hover{transform:translateY(-8px) scale(1.05);background-color:#2a2a2a;border-color:#f04;box-shadow:0 8px 25px rgba(255,0,68,.2)}.carousel img{width:70px;height:70px;object-fit:contain;border-radius:0;transition:filter .3s ease,transform .3s ease;filter:grayscale(100%) brightness(.7)}.carousel-track>article:hover img{filter:grayscale(0) brightness(1);transform:scale(1.1)}.carousel-track>article h4{font-size:.9rem;font-weight:400;margin:0;text-align:center;color:#fff;transition:color .3s ease,text-shadow .3s ease}.carousel-track>article:hover h4{color:#f04;text-shadow:0 0 8px rgba(255,0,68,.3)}.carousel-track>article:hover img[alt=React]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #53f4f6)}.carousel-track>article:hover img[alt=JavaScript]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #f7df1e)}.carousel-track>article:hover img[alt=HTML]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #ffa500)}.carousel-track>article:hover img[alt=CSS]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #007acc)}.carousel-track>article:hover img[alt="Node.js"]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #39f901)}.carousel-track>article:hover img[alt=TypeScript]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #007acc)}.carousel-track>article:hover img[alt=PostgreSQL]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #00ffff)}.carousel-track>article:hover img[alt="Tailwind CSS"]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #00faf5)}.carousel-track>article:hover img[alt=SASS]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #ff00ff)}.carousel-track>article:hover img[alt=Bootstrap]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #9400d3)}.carousel-track>article:hover img[alt="Next.js"]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #ffffff)}.carousel-track>article:hover img[alt=Git]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #ffa500)}.carousel-track>article:hover img[alt="Prisma ORM"]{filter:grayscale(0) brightness(1) drop-shadow(0 0 12px #5353ec)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(calc(var(--original-items-count) * (var(--carousel-item-width) + var(--carousel-item-gap)) * -1))}}@media (max-width:768px){.carousel,.carousel-track{--carousel-item-width:100px;--carousel-item-height:130px;--carousel-item-gap:0.8rem;--carousel-duration:25s}.carousel img{width:60px;height:60px}.carousel-track>article h4{font-size:.8rem}.carousel-track>article:hover{transform:translateY(-5px) scale(1.03)}.carousel-track>article:hover img{transform:scale(1.08)}}@media (max-width:480px){.skills-section{padding:2rem 1rem}.skills-section h2{font-size:2rem}.skills-section h3{font-size:1.5rem}.skill-boxes{grid-template-columns:1fr}.carousel,.carousel-track{--carousel-item-width:90px;--carousel-item-height:120px;--carousel-item-gap:0.6rem;--carousel-duration:20s}.carousel img{width:50px;height:50px}.carousel-track>article h4{font-size:.8rem}.carousel-track>article:hover{transform:translateY(-3px) scale(1.02)}.carousel-track>article:hover img{transform:scale(1.05)}}