div.carousel{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}div.carousel>div.group{flex-shrink:0;align-items:center;gap:24px;margin-top:14px;padding-right:24px;animation:20s linear infinite carousel;display:flex}div.carousel>div.group>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f99;border:1px solid #ffffff0d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;min-width:180px;padding:20px 30px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex}div.carousel>div.group>div:hover{border-color:#00ffcc80;transform:translateY(-5px);box-shadow:0 0 20px #00ffcc1a}div.carousel>div.group>div>img{object-fit:contain;filter:grayscale()brightness(1.5);width:auto;max-width:120px;height:35px;transition:all .3s}div.carousel>div.group>div:hover>img{filter:grayscale(0)brightness()}@keyframes carousel{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width:768px){div.carousel>div.group{gap:16px}div.carousel>div.group>div{min-width:120px;padding:15px 20px}div.carousel>div.group>div>img{max-width:80px;height:25px}}
header{flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex}header .section{flex-direction:column;align-items:flex-start;width:100%;display:flex}header .name{letter-spacing:-.05em;text-transform:uppercase;color:#fff;margin-bottom:14px;font-size:clamp(3rem,12vw,3rem);font-weight:900;line-height:1}header .subtitle{letter-spacing:10px;text-transform:uppercase;color:#0fc;margin-bottom:14px;font-size:1.2rem;line-height:1}header .presentation{color:#999;max-width:500px;font-size:.9rem;line-height:1.5}@media (max-width:768px){header .name{letter-spacing:-.02em}header .subtitle{letter-spacing:8px;font-size:.9rem}}
main{flex-direction:column;gap:100px;width:100%;margin:80px auto;display:flex}main .section{flex-direction:column;align-items:flex-start;width:100%;display:flex}main .grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;width:100%;display:grid}main .category{letter-spacing:10px;text-transform:uppercase;color:#0fc;margin-bottom:40px;font-size:1rem;line-height:1}main .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f99;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:20px;padding:30px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative}main .card:hover{border-color:#00ffcc80;transform:translateY(-8px);box-shadow:0 20px 40px -10px #0009,0 0 20px -5px #00ffcc4d,inset 0 0 1px 1px #0fc3}main .card-title{letter-spacing:-.02em;text-transform:uppercase;color:#fff;font-size:1.5rem;font-weight:800;line-height:1.2}main .card-text{color:#999;font-size:.95rem;font-weight:400;line-height:1.6}main .card-tags{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}main .card-tag,main .card-link{text-transform:uppercase;letter-spacing:.5px;color:#0fc;background-color:#00ffcc0d;border:1px solid #00ffcc4d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.75rem;transition:all .3s;display:flex}main .card-link:hover{color:#000;background-color:#0fc;box-shadow:0 0 15px #0fc6}main .card-link>svg{color:#fff;width:14px;height:auto}main .card-link:hover>svg{color:#000}@media (max-width:768px){main .category{text-align:center;letter-spacing:6px;width:100%;font-size:.8rem}main .grid{grid-template-columns:1fr}}
footer{flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex}footer .informations{color:#777;letter-spacing:.5px;font-size:.8rem;line-height:1.6}footer .links{flex-direction:row;gap:15px;display:flex}footer .link{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f0f99;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex}footer .link:hover{background:#00ffcc0d;border-color:#00ffcc80;transform:translateY(-5px);box-shadow:0 10px 20px -5px #0000004d,0 0 15px -2px #00ffcc4d}footer .link>svg{color:#fff;width:20px;height:auto;transition:fill .3s}footer .link:hover>svg{color:#0fc}@media (max-width:768px){footer{align-items:center}footer .informations{text-align:center}}