.contests-hero-section{background:radial-gradient(circle,#0a0a0a 20%,#000 100%);width:100%;height:auto;min-height:100svh;position:relative;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.subcontests-bento-section{background:var(--color-background,#0d0d0f);color:var(--color-text,#fff);z-index:1;padding:6rem 2rem;position:relative}.bento-container{grid-template-columns:1.4fr 1fr;align-items:center;gap:5rem;width:100%;max-width:1300px;margin:0 auto;display:grid}.bento-left{flex-direction:column;display:flex}.bento-subtitle{font-family:var(--font-space), sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary,#00f0ff);margin-bottom:1.5rem;font-size:.75rem;font-weight:600}.bento-title{font-family:var(--font-satoshi), sans-serif;color:var(--color-text,#fff);letter-spacing:-.03em;margin-bottom:clamp(2rem,5vh,3.5rem);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1.1}.bento-timeline{border-left:1px solid var(--color-border,#ffffff0d);flex-direction:column;margin-bottom:clamp(2.5rem,6vh,4rem);padding-left:clamp(1.2rem,3vw,2rem);display:flex}.bento-timeline-item{flex-direction:column;gap:.5rem;padding-bottom:2.5rem;display:flex;position:relative}.bento-timeline-item:last-child{padding-bottom:0}.bento-timeline-item:before{content:"";background:linear-gradient(90deg, var(--item-color,#00f0ff), transparent);z-index:2;width:10px;height:2px;position:absolute;top:.5rem;left:calc(-1*clamp(1.2rem,3vw,2rem) - .05rem)}.bento-timeline-content h4{font-family:var(--font-satoshi), sans-serif;color:var(--color-text,#fff);margin:0;font-size:1.25rem;font-weight:600}.bento-timeline-content p{font-family:var(--font-space), sans-serif;color:var(--color-text-dim,#a8b3cf);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.9rem;line-height:1.5}.bento-left-footer{border-top:1px solid var(--color-border,#ffffff0d)}.bento-left-footer .bento-footer-title{font-family:var(--font-satoshi), sans-serif;color:var(--color-text,#fff);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.bento-left-footer .bento-footer-desc{color:var(--color-text-dim,#a8b3cf);max-width:450px;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.bento-cta{background:linear-gradient(135deg, var(--color-primary,#00f0ff) 0%, #06f 100%);color:#000;font-family:var(--font-space), sans-serif;text-transform:uppercase;letter-spacing:.12em;z-index:1;border:none;align-items:center;gap:1.2rem;padding:1.1rem 2.4rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1);display:inline-flex;position:relative;overflow:hidden}.bento-cta:before{content:"";background:linear-gradient(135deg, #fff 0%, var(--color-primary,#00f0ff) 100%);opacity:0;z-index:-1;transition:opacity .5s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.bento-cta:hover{color:#000;transform:translateY(-4px);box-shadow:0 15px 35px #0066ff40}.bento-cta:hover:before{opacity:1}.bento-cta .cta-arrow{align-items:center;transition:transform .5s cubic-bezier(.19,1,.22,1);display:flex}.bento-cta:hover .cta-arrow{transform:translate(10px)rotate(-45deg)}.bento-right{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.bento-card{background:var(--surface-low,#131315);border:1px solid var(--color-border,#ffffff0d);cursor:pointer;aspect-ratio:1;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--color-primary,#00f0ff);transform:translateY(-5px)}.bento-card img{object-fit:cover;filter:grayscale()brightness(.6);width:100%;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1)}.bento-card:hover img{filter:grayscale(0%)brightness(.8);transform:scale(1.05)}.bento-card-overlay{z-index:2;background:linear-gradient(#0000 40%,#0d0d0fe6 100%);position:absolute;inset:0}.bento-card-top{z-index:3;justify-content:space-between;padding:1.25rem;display:flex;position:absolute;top:0;left:0;right:0}.bento-card-icon{color:#00f0ff;background:#0d0d0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bento-card-tag{font-family:var(--font-space), sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#f0f2f5;background:#0d0d0f;border:1px solid #ffffff1a;padding:.4rem .8rem;font-size:.65rem;font-weight:600}.bento-card-bottom{z-index:3;padding:1.25rem;position:absolute;bottom:0;left:0;right:0}.bento-card-bottom h3{font-family:var(--font-satoshi), sans-serif;color:#f0f2f5;margin:0;font-size:1.15rem;font-weight:600}@media (max-width:1200px){.bento-container{gap:3rem}}@media (max-width:1024px){.bento-container{gap:clamp(2rem,5vw,4rem)}}@media (max-width:900px){.subcontests-bento-section{padding:4rem 1.5rem}.bento-container{grid-template-columns:1fr;gap:3.5rem}.bento-title{margin-bottom:2.5rem}.bento-right{gap:1.25rem}}@media (max-width:640px){.subcontests-bento-section{padding:3rem 1rem}.bento-title{text-align:center;font-size:clamp(1.8rem,8vw,2.4rem)}.bento-subtitle{text-align:center}.bento-timeline{padding-left:1.2rem}.bento-left-footer{text-align:center;padding-top:2rem}.bento-footer-desc{margin-left:auto;margin-right:auto}.bento-right{grid-template-columns:1fr}.bento-card{aspect-ratio:1.4}}.loading-spinner{border:3px solid #00f0ff4d;border-top-color:#00f0ff;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn{background:var(--color-primary,#00f0ff);color:#000;border:1px solid var(--color-primary,#00f0ff);font-family:var(--font-space), sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:0;margin-top:1rem;padding:.75rem 2rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-btn:hover{color:var(--color-primary,#00f0ff);background:0 0;transform:translateY(-2px)}.trending-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.trending-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #00f0ff33,0 0 0 1px #00f0ff4d}.trending-card__image{height:200px;position:relative;overflow:hidden}.trending-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.trending-card:hover .trending-card__image img{transform:scale(1.1)}.trending-card__overlay{background:linear-gradient(135deg,#000000b3 0%,#0000004d 50%,#000c 100%);justify-content:space-between;align-items:flex-start;padding:1rem;display:flex;position:absolute;inset:0}.trending-card__status{z-index:2}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.status-ongoing{color:#000;background:#26f406;animation:2s infinite pulse-glow}.status-upcoming{color:#000;background:orange}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #26f4064d}50%{box-shadow:0 0 15px #26f40699}}.trending-card__category{color:#00f0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00f0ff33;border-radius:16px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.trending-card__content{color:#fff;padding:1.5rem}.trending-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.trending-card__title{color:#fff;flex:1;margin:0;font-size:1.3rem;font-weight:700;line-height:1.3}.trending-card__prize{color:gold;white-space:nowrap;background:linear-gradient(135deg,#ffd70033,#ffc1071a);border:1px solid #ffd7004d;border-radius:16px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.trending-card__description{color:#fffc;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.trending-card__meta{gap:1.5rem;margin-bottom:1.5rem;display:flex}.trending-card__meta .meta-item{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.trending-card__meta .meta-item svg{color:#00f0ff}.trending-card__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.trending-card__cta{background:var(--color-primary,#00f0ff);color:#000;border:1px solid var(--color-primary,#00f0ff);font-family:var(--font-space), sans-serif;text-transform:uppercase;letter-spacing:.1em;flex:1;justify-content:center;align-items:center;gap:.5rem;max-width:200px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.trending-card__cta:hover{color:var(--color-primary,#00f0ff);background:0 0;transform:translateY(-2px)}.trending-card__rank{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex}.box-1{grid-area:b1}.box-2{grid-area:b2}.box-3{grid-area:b3}.box-4{grid-area:b4}.box-5{grid-area:b5}.box-6{grid-area:b6}.box-7{grid-area:b7}.website-name{-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;grid-area:brand;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.website-name:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff1a,#0000);width:100%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%}.website-name:hover:before{left:100%}.website-name h2{color:#fff;text-transform:uppercase;letter-spacing:4px;z-index:2;font-size:clamp(2rem,4vw,3rem);font-weight:800;position:relative}.box{-webkit-backdrop-filter:blur(20px);cursor:pointer;--after-opacity:0;--overlay-opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.box:before{content:"";opacity:var(--overlay-opacity);z-index:1;background:linear-gradient(135deg,#00f0ff1a 0%,#8b5cf61a 50%,#ec48991a 100%);transition:opacity .4s;position:absolute;inset:0}.box:after{content:"";width:100%;height:100%;opacity:var(--after-opacity);z-index:2;background:linear-gradient(135deg,#000c 0%,#0006 50%,#000c 100%);transition:opacity .4s;position:absolute;top:0;left:0}.box:hover{--overlay-opacity:1;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #00f0ff33,0 0 0 1px #00f0ff4d,inset 0 1px #fff3}.box img{object-fit:cover;border-radius:24px;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.box:hover img{transform:scale(1.1)}.box-content{z-index:3;color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0000 0%,#000000b3 50%,#000000e6 100%);width:100%;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:translateY(100%)}.box:hover .box-content{opacity:1;transform:translateY(0)}.box-content h3{background:linear-gradient(135deg,#fff 0%,#00f0ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;line-height:1.2}.box-content p{color:#ffffffe6;margin:0;font-size:clamp(.9rem,2vw,1.1rem);font-weight:400;line-height:1.4}@media (max-width:1024px){.trending-contests{gap:3rem;padding:4rem 1.5rem}.trending-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.trending-card__header{flex-direction:column;align-items:flex-start;gap:.75rem}.trending-card__prize{align-self:flex-start}}@media (max-width:768px){.trending-contests{gap:2.5rem;min-height:auto;padding:3rem 1rem}.trending-grid{grid-template-columns:1fr;gap:1.5rem}.trending-card{margin-bottom:1rem}.trending-card__image{height:180px}.trending-card__content{padding:1.25rem}.trending-card__title{font-size:1.2rem}.trending-card__meta{flex-direction:column;gap:.75rem}.trending-card__footer{flex-direction:column;align-items:stretch;gap:1rem}.trending-card__cta{max-width:none}.trending-card__rank{justify-content:center}}.box{will-change:transform, box-shadow}.box:hover{will-change:transform, box-shadow, --overlay-opacity}.trending-contests{scroll-behavior:smooth}.box:focus-visible{outline-offset:4px;outline:2px solid #00f0ff}@media (prefers-reduced-motion:reduce){.box,.box:before,.box:after,.box img,.box-content{transition:none}.box:hover{transform:none}}[data-theme=light] .contests-hero-section{background:radial-gradient(circle,#f5f5f5 20%,#fff 100%)}[data-theme=light] .subcontests-section{background-color:#fff}[data-theme=light] .top-trending-contests-container{background:#0d11170a}[data-theme=light] .content-container,[data-theme=light] .content-container .contest-title{color:#0d1117}[data-theme=light] .content-container p{color:#0d1117b3}[data-theme=light] .card-title-mask{color:#fff;text-shadow:0 2px 4px #0000004d}[data-theme=light] .skeleton-card{background:#0d11170f;border-color:#0d11171a}[data-theme=light] .trending-card{background:#0d11170d;border-color:#0d11171a;box-shadow:0 8px 32px #0d111714}[data-theme=light] .trending-card:hover{box-shadow:0 20px 60px #00f0ff1a,0 0 0 1px #00f0ff33}[data-theme=light] .trending-card__overlay{background:linear-gradient(135deg,#0d11174d 0%,#0d11171a 50%,#0d11174d 100%)}[data-theme=light] .trending-card__category{color:#09c;background:#00f0ff1a}[data-theme=light] .trending-card__content,[data-theme=light] .trending-card__title{color:#0d1117}[data-theme=light] .trending-card__description{color:#0d1117bf}[data-theme=light] .trending-card__meta .meta-item{color:#0d111799}[data-theme=light] .trending-card__rank{color:#09c;background:#00f0ff14;border-color:#00f0ff33}[data-theme=light] .trending-card__prize{color:#c80;background:linear-gradient(135deg,#ffd7001a,#ffc1070f);border-color:#ffd70033}[data-theme=light] .box{background:#0d11170d;border-color:#0d11171a;box-shadow:0 4px 15px #0d11170f}[data-theme=light] .box:focus-visible{outline-color:#09c}