/* ARCHIVE / HOMEPAGE */
.js-homepage-body{padding:36px 0}
.js-hero{display:grid;grid-template-columns:1fr 340px;gap:3px;background:var(--navy);padding:3px}
.js-hero__main{position:relative;min-height:460px;overflow:hidden;background:#0b1a33;display:block;text-decoration:none}
.js-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;transition:opacity .4s}
.js-hero__main:hover .js-hero__bg{opacity:.42}
.js-hero__grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,17,32,.98) 0%,rgba(11,17,32,.5) 50%,rgba(11,17,32,.1) 100%)}
.js-hero__content{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;z-index:2}
.js-hero__cat{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-l);margin-bottom:10px}
.js-hero__cat::before{content:'';width:22px;height:2px;background:var(--blue);flex-shrink:0}
.js-hero__title{font-family:var(--fh) !important;font-size:clamp(28px,3.5vw,44px) !important;font-weight:900 !important;line-height:1.05 !important;color:#fff !important;margin-bottom:12px !important;letter-spacing:.01em !important}
.js-hero__meta{font-size:12px;color:var(--light);display:flex;gap:10px;flex-wrap:wrap}
.js-hero__btn{display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;margin-top:14px;transition:background var(--ease)}
.js-hero__btn:hover{background:var(--blue-d)}
.js-hero__sidebar{display:flex;flex-direction:column;gap:3px}
.js-hero__side{background:var(--navy2);padding:15px 17px;display:flex;gap:12px;border-left:3px solid transparent;transition:all var(--ease);flex:1;text-decoration:none}
.js-hero__side:hover{background:var(--navy3);border-left-color:var(--blue)}
.js-hero__side-num{font-family:var(--fh);font-size:28px;font-weight:900;color:rgba(28,110,179,.3);line-height:1;min-width:26px}
.js-hero__side-cat{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-l);margin-bottom:4px}
.js-hero__side-title{font-size:13px;font-weight:700;color:#cbd5e1;line-height:1.38}
.js-hero__side-date{font-size:11px;color:var(--light);margin-top:4px}
.js-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;background:linear-gradient(135deg,var(--blue-p),#c8dff5)}
.js-intro{background:linear-gradient(135deg,var(--navy) 0%,#0d1e3a 100%);padding:28px 32px;margin-bottom:32px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;position:relative;overflow:hidden}
.js-intro::after{content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(28,110,179,.18) 0%,transparent 70%);border-radius:50%}
.js-intro__title{font-family:var(--fh) !important;font-size:clamp(22px,2.8vw,32px) !important;font-weight:900 !important;color:#fff !important;line-height:1.1 !important;margin-bottom:10px !important}
.js-intro__title .accent{color:var(--blue-l)}
.js-intro__body{font-size:14px;color:#64748b;line-height:1.7}
.js-intro__img{overflow:hidden;aspect-ratio:4/3;position:relative;z-index:1}
.js-intro__img img{width:100%;height:100%;object-fit:cover}
.js-sport-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}
.js-sport-card{border:1px solid var(--border);overflow:hidden;transition:all var(--ease);display:block;text-decoration:none}
.js-sport-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--sh)}
.js-sport-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--blue-p)}
.js-sport-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.js-sport-card:hover .js-sport-card__img img{transform:scale(1.04)}
.js-sport-card__body{padding:16px}
.js-sport-card__name{font-family:var(--fh);font-size:18px;font-weight:800;color:var(--navy);margin-bottom:6px;transition:color var(--ease)}
.js-sport-card:hover .js-sport-card__name{color:var(--blue)}
.js-sport-card__desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:10px}
.js-sport-card__link{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.js-sport-card__link::after{content:' →'}
.js-athlete-intro{background:var(--off);border:1px solid var(--border);border-left:4px solid var(--blue);padding:20px 24px;margin-bottom:22px}
.js-athlete-intro__title{font-family:var(--fh) !important;font-size:18px !important;font-weight:800 !important;color:var(--navy) !important;margin-bottom:10px !important}
.js-athlete-intro ul{display:flex;flex-direction:column;gap:6px}
.js-athlete-intro ul li{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.js-athlete-intro ul li::before{content:'→';color:var(--blue);font-weight:800;flex-shrink:0}
.js-featured-box{background:var(--navy);padding:24px 28px;margin-bottom:32px;border-left:4px solid var(--blue);position:relative;overflow:hidden}
.js-featured-box::after{content:'';position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(28,110,179,.14) 0%,transparent 70%);border-radius:50%}
.js-featured-box__title{font-family:var(--fh) !important;font-size:20px !important;font-weight:800 !important;color:#fff !important;margin-bottom:14px !important}
.js-featured-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}
.js-feat-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);padding:14px;transition:all var(--ease)}
.js-feat-item:hover{background:rgba(28,110,179,.15);border-color:rgba(28,110,179,.3)}
.js-feat-item__icon{font-size:20px;margin-bottom:7px}
.js-feat-item__title{font-family:var(--fh);font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.js-feat-item__desc{font-size:12px;color:#4a5568;line-height:1.5}
.js-multimedia{background:linear-gradient(135deg,#0d1e3a,var(--navy));border:1px solid rgba(28,110,179,.18);padding:24px 28px;margin-bottom:32px}
.js-mm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.js-mm-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);padding:14px;transition:all var(--ease)}
.js-mm-item:hover{background:rgba(28,110,179,.1);border-color:rgba(28,110,179,.3)}
.js-mm-item__icon{font-size:20px;margin-bottom:7px}
.js-mm-item__title{font-family:var(--fh);font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.js-mm-item__desc{font-size:12px;color:#475569;line-height:1.5}
.js-betting{background:var(--off);border:1px solid var(--border);padding:24px 28px;margin-bottom:32px}
.js-betting__intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.js-betting__title{font-family:var(--fh) !important;font-size:20px !important;font-weight:800 !important;color:var(--navy) !important;margin-bottom:8px !important}
.js-betting__body{font-size:13px;color:var(--muted);line-height:1.7}
.js-betting__list{list-style:none;padding:0;margin-top:8px;display:flex;flex-direction:column;gap:5px}
.js-betting__list li{display:flex;gap:8px;font-size:13px;color:var(--muted)}
.js-betting__list li::before{content:'●';color:var(--blue);font-size:6px;margin-top:6px;flex-shrink:0}
.js-betting__disclaimer{font-size:12px;color:var(--blue);font-style:italic;background:var(--blue-p);border-left:3px solid var(--blue);padding:8px 14px;margin-top:10px}
.js-pred-label{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.js-pred-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.js-pred-card{background:var(--white);border:1px solid var(--border);padding:14px;transition:all var(--ease);display:block;text-decoration:none}
.js-pred-card:hover{border-color:var(--blue);box-shadow:0 5px 18px rgba(28,110,179,.09)}
.js-pred-card__cat{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.js-pred-card__cat::before{content:'';width:10px;height:2px;background:var(--blue)}
.js-pred-card__title{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--navy);margin-bottom:5px;line-height:1.25}
.js-pred-card:hover .js-pred-card__title{color:var(--blue)}
.js-pred-card__meta{font-size:11px;color:var(--light)}
.js-community{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);border:1px solid rgba(28,110,179,.12);margin-bottom:32px}
.js-comm-col{padding:26px 28px}
.js-comm-col:first-child{border-right:1px solid rgba(255,255,255,.05)}
.js-comm-title{font-family:var(--fh) !important;font-size:18px !important;font-weight:800 !important;color:#fff !important;margin-bottom:10px !important}
.js-comm-body{font-size:13px;color:#4a5568;line-height:1.7}
.js-comm-items{display:flex;flex-direction:column;gap:11px;margin-top:10px}
.js-comm-item{display:flex;gap:11px;align-items:flex-start}
.js-comm-icon{font-size:17px;flex-shrink:0}
.js-comm-item-title{font-size:13px;font-weight:700;color:#94a3b8;margin-bottom:2px}
.js-comm-item-desc{font-size:12px;color:#374151;line-height:1.5}
.js-conclusion{background:linear-gradient(135deg,var(--navy),#0d1e3a);padding:28px 32px;margin-bottom:32px;position:relative;overflow:hidden}
.js-conclusion::before{content:'';position:absolute;left:-60px;top:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(28,110,179,.1) 0%,transparent 70%);border-radius:50%}
.js-conclusion__title{font-family:var(--fh) !important;font-size:24px !important;font-weight:900 !important;color:#fff !important;margin-bottom:12px !important;position:relative !important}
.js-conclusion__body{font-size:14px;color:#4a5568;line-height:1.75;position:relative}
.js-conclusion__body p{margin-bottom:10px}
.js-sidebar{}
.js-sb-ad{display:block;text-decoration:none;background:linear-gradient(160deg,var(--navy),#0d1e3a);padding:20px;text-align:center;border:1px solid rgba(28,110,179,.22)}
.js-sb-ad__label{font-size:9px;color:var(--light);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.js-sb-ad__title{font-family:var(--fh);font-size:24px;font-weight:900;color:#fff;letter-spacing:.04em}
.js-sb-ad__sub{font-size:12px;color:#7bb3e0;margin-top:2px}
.js-sb-ad__img{width:100%;margin:10px 0}
.js-sb-ad__btn{display:inline-block;background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;transition:background var(--ease)}
.js-sb-ad__btn:hover{background:var(--blue-d)}
.js-sb-post{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);text-decoration:none}
.js-sb-post:last-child{border-bottom:none}
.js-sb-post__thumb{width:62px;height:48px;flex-shrink:0;overflow:hidden;background:var(--blue-p)}
.js-sb-post__thumb img{width:100%;height:100%;object-fit:cover}
.js-sb-post__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,var(--blue-p),#c8dff5)}
.js-sb-post__cat{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.js-sb-post__title{font-size:12px;font-weight:700;color:var(--text);line-height:1.35;margin-top:2px;transition:color var(--ease)}
.js-sb-post:hover .js-sb-post__title{color:var(--blue)}
.js-sb-post__date{font-size:10px;color:var(--light);margin-top:3px}
.js-no-results{text-align:center;padding:40px 20px}
.js-no-results h2{font-family:var(--fh) !important;font-size:26px !important;color:var(--navy) !important;margin-bottom:10px !important}
@media(max-width:1200px){.js-sport-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.js-hero{grid-template-columns:1fr}.js-hero__sidebar{flex-direction:row;flex-wrap:wrap}.js-hero__side{flex:1;min-width:180px}.js-intro{grid-template-columns:1fr}.js-intro__img{display:none}.js-community{grid-template-columns:1fr}.js-comm-col:first-child{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.js-betting__intro{grid-template-columns:1fr}.js-featured-items,.js-mm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.js-sport-cards{grid-template-columns:1fr}.js-pred-grid{grid-template-columns:1fr}.js-featured-items,.js-mm-grid{grid-template-columns:1fr}.js-hero__main{min-height:320px}}