@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#09090b;--panel:#111116;--panel2:#17171d;--paper:#f4f1e9;--white:#fff;--yellow:#8cff3f;--pink:#d9e2ea;--muted:#96949a;--line:#292930;--max:1500px;--shadow:0 22px 60px rgba(0,0,0,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#111;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{position:relative;z-index:30;background:#050507;color:#fff;border-bottom:1px solid #24242a}.ticker{height:42px;display:flex;align-items:center;gap:15px;font-size:11px;white-space:nowrap;overflow:hidden}.ticker strong{color:var(--yellow);font:900 17px 'Barlow Condensed';letter-spacing:1px}.ticker .live-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(217,226,234,.12);animation:pulse 1.4s infinite}.ticker-track{overflow:hidden;color:#d2d0d5;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ticker-marquee{display:flex;width:max-content;animation:marquee 88s linear infinite}.ticker-copy{display:block;flex:0 0 auto;padding-right:90px;letter-spacing:.15px}.ticker-track:hover .ticker-marquee{animation-play-state:paused}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}
.site-header{position:sticky;top:0;z-index:25;background:rgba(8,8,10,.88);backdrop-filter:blur(18px);border-bottom:1px solid #24242a;box-shadow:0 8px 30px rgba(0,0,0,.16)}.nav{min-height:78px;display:flex;align-items:center;gap:28px;position:relative}.brand{display:flex;align-items:center;gap:11px;color:#fff;flex:0 0 auto}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand-text{font:900 31px/.8 'Barlow Condensed';letter-spacing:.5px}.brand-text small{display:block;color:var(--yellow);font:800 9px/1 Inter;letter-spacing:2px;margin-top:7px}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{color:#ddd;padding:10px 11px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;transition:.2s}.main-nav a:hover,.main-nav a.active{background:#222228;color:var(--yellow)}.main-nav .bet-link{background:var(--pink);color:#fff}.main-nav .bet-link:hover{background:#ff3ba0}.menu{display:none;border:0;background:#222228;color:#fff;width:44px;height:44px;border-radius:7px;font-size:23px;cursor:pointer}.search-btn{border:1px solid #34343a;background:#151519;color:#fff;width:38px;height:38px;border-radius:7px;cursor:pointer}.mobile-nav{display:none}
.page-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-2;background:radial-gradient(circle at 20% 0%,rgba(140,255,63,.09),transparent 32%),radial-gradient(circle at 90% 25%,rgba(217,226,234,.08),transparent 28%),#f4f1e9}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;animation:float 12s ease-in-out infinite}.orb.a{width:360px;height:360px;background:radial-gradient(circle,rgba(140,255,63,.28),transparent 68%);top:8%;left:-150px}.orb.b{width:420px;height:420px;background:radial-gradient(circle,rgba(217,226,234,.18),transparent 68%);top:35%;right:-180px;animation-delay:-4s}.orb.c{width:260px;height:260px;background:radial-gradient(circle,rgba(20,30,80,.14),transparent 68%);bottom:5%;left:30%;animation-delay:-8s}@keyframes float{50%{transform:translate3d(35px,-25px,0) scale(1.08)}}
.layout{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:24px;align-items:start}.content{min-width:0}.ad-rail{position:sticky;top:100px;display:flex;flex-direction:column;gap:18px}.ad-box{min-height:280px;border:1px dashed #c6c1b8;background:rgba(255,255,255,.56);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:#8d8981;font-size:9px;letter-spacing:1.4px;text-transform:uppercase}.ad-box.tall{min-height:620px}.partner-ad{background:linear-gradient(160deg,#121216,#202027);color:#fff;border:1px solid #36363d;min-height:250px;position:relative;overflow:hidden}.partner-ad:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;border:2px solid var(--pink);right:-80px;bottom:-70px;opacity:.55}.partner-ad b{color:var(--yellow);font:900 30px 'Barlow Condensed';display:block}.mobile-ad{display:none}
.hero-wrap{position:relative;padding:38px 0 18px}.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,.8fr);gap:24px}.hero-main{min-height:620px;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(145deg,#111117,#25252d);color:#fff;box-shadow:var(--shadow);isolation:isolate}.hero-main:before{content:'';position:absolute;inset:-25%;background:conic-gradient(from 120deg,transparent 0 25%,rgba(140,255,63,.35),transparent 42%,rgba(217,226,234,.25),transparent 62%);animation:spin 18s linear infinite;z-index:-1}.hero-main:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(140,255,63,.16),transparent 24%),linear-gradient(135deg,rgba(0,0,0,.15),rgba(0,0,0,.8));z-index:-1}@keyframes spin{to{transform:rotate(360deg)}}.hero-content{position:absolute;inset:auto 0 0;padding:48px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}.hero h1{font:900 clamp(48px,5vw,84px)/.87 'Barlow Condensed';max-width:900px;margin:14px 0}.hero p{max-width:800px;color:#d3d2d6;line-height:1.75;font-size:15px}.hero-side{display:grid;gap:18px}.hero-story{background:#fff;border:1px solid #ddd8cf;border-radius:14px;padding:25px;min-height:184px;transition:.25s;box-shadow:0 12px 28px rgba(0,0,0,.07)}.hero-story:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.hero-story h3{font:800 31px/.95 'Barlow Condensed';margin:10px 0}.hero-story small{color:#888;font-size:10px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#111;border:0;border-radius:7px;padding:12px 16px;font-size:11px;font-weight:900;text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(140,255,63,.25)}.btn.pink{background:var(--pink);color:#fff}
.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title{display:flex;align-items:center;gap:12px}.section-title i{width:5px;height:38px;background:var(--pink);display:block;border-radius:3px}.section-title h2{font:900 48px/.9 'Barlow Condensed';margin:0;text-transform:uppercase}.section-head>span,.section-head>a{font-size:10px;color:#777;text-transform:uppercase;font-weight:800;letter-spacing:.8px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{background:#fff;border:1px solid #ddd8cf;border-radius:14px;overflow:hidden;transition:.25s;box-shadow:0 7px 22px rgba(0,0,0,.04)}.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(0,0,0,.11)}.card-visual{height:185px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:15px;background:linear-gradient(135deg,#101016,#33333b);color:#fff}.card-visual:before{content:'';position:absolute;width:220px;height:220px;border:2px solid rgba(140,255,63,.35);border-radius:50%;right:-90px;top:-110px;animation:orbit 9s linear infinite}.card-visual:after{content:'';position:absolute;width:160px;height:160px;border:1px solid rgba(217,226,234,.35);border-radius:50%;left:-70px;bottom:-100px}.card-visual .code{font:900 60px/.8 'Barlow Condensed';position:relative;z-index:1}.card-visual .stamp{position:absolute;right:12px;bottom:11px;font-size:9px;letter-spacing:1px;color:#d9d9dd;z-index:1}@keyframes orbit{to{transform:rotate(360deg)}}.card-body{padding:22px}.tag{display:inline-block;background:#f0eee8;color:#222;padding:5px 7px;border-radius:4px;font-size:9px;font-weight:900;text-transform:uppercase}.news-card h3{font:800 32px/.98 'Barlow Condensed';margin:10px 0}.news-card p{font-size:12px;line-height:1.7;color:#68656a;margin:0 0 12px}.meta{font-size:9px;color:#999;text-transform:uppercase;letter-spacing:.5px}.section-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-panel{background:#111116;color:#fff;border-radius:12px;padding:28px;min-height:220px;position:relative;overflow:hidden}.feature-panel:before{content:'';position:absolute;width:320px;height:320px;border:1px solid rgba(140,255,63,.2);border-radius:50%;right:-130px;top:-170px}.feature-panel h3{font:900 43px/.9 'Barlow Condensed';margin:9px 0}.feature-panel p{color:#aaa;font-size:12px;line-height:1.6;max-width:580px}.score-strip{background:#fff;border:1px solid #ddd8cf;border-radius:12px;overflow:hidden}.score-head{padding:14px 16px;background:#17171d;color:#fff;display:flex;justify-content:space-between}.score-head b{font:900 25px 'Barlow Condensed';color:var(--yellow)}.score-row{display:grid;grid-template-columns:1fr 65px 1fr;gap:8px;align-items:center;padding:12px 15px;border-bottom:1px solid #eee;font-size:11px}.score-row:last-child{border-bottom:0}.score-row span:last-child{text-align:right}.score{font:900 22px 'Barlow Condensed';text-align:center}
.article-page{padding:45px 0 70px}.article-shell{max-width:930px;margin:auto;background:#fff;border:1px solid #ddd8cf;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.08)}.article-top{padding:38px 44px 28px}.article-top h1{font:900 clamp(50px,6vw,86px)/.88 'Barlow Condensed';margin:13px 0}.article-top .dek{font-size:18px;line-height:1.65;color:#5f5b58;max-width:800px}.article-meta{display:flex;flex-wrap:wrap;gap:14px;color:#8b8884;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-top:18px}.article-art{height:330px;background:linear-gradient(135deg,#121217,#3a3a42);position:relative;display:flex;align-items:flex-end;padding:25px}.article-art strong{font:900 100px/.8 'Barlow Condensed';color:var(--yellow)}.article-body{padding:38px 44px;font-family:Georgia,serif;font-size:18px;line-height:1.9}.article-body h2{font:900 40px/.95 'Barlow Condensed';margin:36px 0 12px}.source{margin:0 44px 42px;padding-top:18px;border-top:1px solid #e5e1da;font:11px/1.6 Inter;color:#777}.source a{text-decoration:underline}.related{padding:0 44px 44px}.related h3{font:900 32px 'Barlow Condensed';margin:0 0 15px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.page-hero{padding:40px 0 24px}.page-hero-inner{background:#111116;color:#fff;border-radius:16px;padding:44px;position:relative;overflow:hidden}.page-hero-inner:before{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(140,255,63,.16);border-radius:50%;right:-170px;top:-290px;animation:spin 20s linear infinite}.page-hero-inner:after{content:'';position:absolute;width:250px;height:250px;border:1px solid rgba(217,226,234,.25);border-radius:50%;left:-100px;bottom:-150px}.page-hero h1{position:relative;z-index:1;font:900 clamp(54px,7vw,100px)/.8 'Barlow Condensed';margin:0 0 12px}.page-hero p{position:relative;z-index:1;max-width:900px;color:#bdbcc1;line-height:1.7;font-size:14px;margin:0}.breadcrumb{position:relative;z-index:1;font-size:9px;color:var(--yellow);font-weight:900;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:13px}
.archive-list{display:grid;gap:12px}.archive-item{background:#fff;border:1px solid #ddd8cf;border-radius:12px;padding:20px;display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center}.archive-item .archive-code{font:900 42px 'Barlow Condensed';text-align:center;color:#111;background:#f0eee8;padding:20px 8px;border-radius:8px}.archive-item h3{font:800 28px/.95 'Barlow Condensed';margin:7px 0}.archive-item p{font-size:11px;line-height:1.5;color:#6d6965;margin:0}.archive-date{font-size:9px;color:#999;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.filter{border:1px solid #ccc6bc;background:#fff;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900;text-transform:uppercase;cursor:pointer}.filter.active{background:#111;color:var(--yellow);border-color:#111}
.betting-hero{background:linear-gradient(135deg,#111116,#24242c);color:#fff;border-radius:14px;padding:32px;position:relative;overflow:hidden}.betting-hero:before{content:'';position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(140,255,63,.18);right:-180px;top:-270px}.betting-hero h1{position:relative;z-index:1;font:900 clamp(55px,7vw,100px)/.78 'Barlow Condensed';margin:10px 0}.betting-hero p{position:relative;z-index:1;max-width:780px;color:#aaa;line-height:1.65}.bet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0}.bet-card{background:#fff;border:1px solid #ddd8cf;border-radius:14px;padding:26px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.bet-card.highlight{border:2px solid var(--pink)}.bet-card h3{font:900 35px/.9 'Barlow Condensed';margin:10px 0}.odd-big{font:900 54px/.8 'Barlow Condensed';color:var(--pink);margin:12px 0}.pick-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e7e2da;font-size:11px}.pick-row b{font:900 25px 'Barlow Condensed'}.value-list{display:grid;gap:10px}.value-item{border-top:1px solid #e7e2da;padding-top:12px}.value-item strong{font:800 22px 'Barlow Condensed'}.value-item small{display:block;color:#777;font-size:10px;line-height:1.5;margin-top:4px}.odds-table{background:#fff;border:1px solid #ddd8cf;border-radius:14px;overflow:hidden;margin:18px 0}.odds-title{background:#111116;color:#fff;padding:15px 18px;display:flex;justify-content:space-between;align-items:center}.odds-title strong{font:900 28px 'Barlow Condensed'}.odds-title span{font-size:9px;color:var(--yellow)}.odds-head,.odds-row{display:grid;grid-template-columns:minmax(240px,1fr) 65px 62px 62px 62px;gap:8px;align-items:center;padding:11px 16px}.odds-head{font-size:8px;text-transform:uppercase;color:#999;border-bottom:1px solid #eee}.odds-row{font-size:11px;border-bottom:1px solid #eee}.odds-row:last-child{border:0}.odds-row strong{font-size:12px}.odds-row b{background:#f0eee8;padding:6px;border-radius:5px;text-align:center;font:900 17px 'Barlow Condensed'}.bet-note{font-size:10px;color:#777;line-height:1.55}
footer{background:#0b0b0e;color:#fff;margin-top:30px}.footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:44px 0}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:64px;height:64px;border-radius:50%}.footer-brand strong{font:900 34px 'Barlow Condensed'}.footer-brand p{color:#9b999f;font-size:11px;margin:4px 0}.footer h4{color:var(--yellow);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}.footer a{display:block;color:#bbb9bf;font-size:11px;margin:8px 0}.copyright{border-top:1px solid #25252b;color:#777;text-align:center;padding:16px;font-size:9px}
@media(max-width:1320px){
  .wrap{width:min(calc(100% - 32px),var(--max))}
  .layout{grid-template-columns:150px minmax(0,1fr) 150px;gap:18px}
  .main-nav{gap:1px}
  .main-nav a{padding:9px 8px;font-size:10px}
  .hero{grid-template-columns:minmax(0,1fr) 310px;gap:18px}
  .hero-main{min-height:580px}
  .section-title h2{font-size:44px}
}
@media(max-width:1120px){
  .layout{grid-template-columns:1fr}
  .ad-rail{display:none}
  .mobile-ad{display:flex;margin:20px 0;min-height:180px}
  .site-header .nav{min-height:74px}
  .main-nav{position:absolute;top:100%;left:0;right:0;background:#0b0b0e;border-top:1px solid #29292f;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease,visibility .2s}
  .main-nav.open{max-height:760px;opacity:1;visibility:visible;overflow:auto;box-shadow:0 18px 35px rgba(0,0,0,.3)}
  .main-nav a{padding:15px 22px;border-bottom:1px solid #232329;font-size:11px}
  .menu{display:block;margin-left:auto}
  .search-btn{display:none}
  .hero{grid-template-columns:1fr}
  .hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bet-grid{grid-template-columns:1fr 1fr}
  .section-strip{grid-template-columns:1fr}
  .footer{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wrap{width:min(calc(100% - 24px),var(--max))}
  .ticker{height:40px;gap:10px;font-size:10px}
  .ticker strong{font-size:15px}
  .ticker-track{min-width:0}
  .ticker-copy{padding-right:65px}
  .site-header .nav{min-height:68px}
  .brand{gap:9px}
  .brand img{width:46px;height:46px}
  .brand-text{font-size:28px}
  .brand-text small{font-size:7px;letter-spacing:1.6px}
  .hero-wrap{padding-top:20px}
  .hero-main{min-height:540px;border-radius:14px}
  .hero-content{padding:28px 24px}
  .hero h1{font-size:clamp(48px,13vw,68px);margin:12px 0}
  .hero p{font-size:13px;line-height:1.65}
  .hero-side{grid-template-columns:1fr}
  .hero-story{min-height:0;padding:20px}
  .hero-story h3{font-size:29px}
  .section{padding:32px 0}
  .section-title{gap:10px}
  .section-title i{height:31px}
  .section-title h2{font-size:37px}
  .section-head{align-items:flex-end}
  .news-grid{grid-template-columns:1fr;gap:16px}
  .card-visual{height:160px}
  .card-body{padding:19px}
  .news-card h3{font-size:29px}
  .news-card p{font-size:11px}
  .page-hero{padding:24px 0 14px}
  .page-hero-inner{padding:30px 24px}
  .page-hero h1{font-size:clamp(54px,15vw,76px)}
  .page-hero p{font-size:12px}
  .bet-grid{grid-template-columns:1fr}
  .odds-head,.odds-row{grid-template-columns:minmax(145px,1fr) 48px 43px 43px 43px;padding:10px 8px;gap:4px}
  .odds-row strong{font-size:10px}
  .odds-row b{font-size:14px;padding:6px 2px}
  .article-page{padding:24px 0 45px}
  .article-top{padding:28px 22px}
  .article-top h1{font-size:clamp(48px,13vw,70px)}
  .article-top .dek{font-size:15px}
  .article-body{padding:28px 22px;font-size:17px;line-height:1.8}
  .article-body h2{font-size:35px}
  .source,.related{margin-left:22px;margin-right:22px;padding-left:0;padding-right:0}
  .related-grid{grid-template-columns:1fr}
  .article-art{height:210px}
  .archive-item{grid-template-columns:64px 1fr;gap:12px;padding:14px}
  .archive-date{grid-column:2}
  .archive-item .archive-code{font-size:28px;padding:15px 4px}
  .archive-item h3{font-size:25px}
  .footer{grid-template-columns:1fr}
}
@media(max-width:420px){
  .wrap{width:calc(100% - 18px)}
  .brand-text{font-size:25px}
  .brand-text small{font-size:6.5px}
  .menu{width:42px;height:42px}
  .hero-main{min-height:500px}
  .hero-content{padding:24px 20px}
  .hero h1{font-size:48px}
  .section-title h2{font-size:33px}
  .card-visual{height:145px}
  .card-visual .code{font-size:50px}
  .page-hero-inner{padding:26px 20px}
  .page-hero h1{font-size:55px}
  .odds-head,.odds-row{grid-template-columns:minmax(125px,1fr) 44px 39px 39px 39px}
  .odds-title{padding:13px}
  .odds-title strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* =========================================================
   STIRISPORT.EU — VISUAL SYSTEM / INTERACTION PASS
   Built around the logo palette: yellow + magenta + midnight blue.
   ========================================================= */
:root{
  --navy:#0a1022;
  --navy-2:#101936;
  --yellow:#8cff3f;
  --pink:#d9e2ea;
  --paper:#f7f4ec;
  --card-shadow:0 16px 45px rgba(10,16,34,.10);
  --pointer-x:50vw;
  --pointer-y:30vh;
}
body{
  background:
    radial-gradient(700px 420px at var(--pointer-x) var(--pointer-y),rgba(140,255,63,.085),transparent 62%),
    radial-gradient(620px 480px at calc(100% - var(--pointer-x)*.18) calc(100% - var(--pointer-y)*.12),rgba(217,226,234,.065),transparent 65%),
    var(--paper);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.55;
  background-image:
    linear-gradient(rgba(10,16,34,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,16,34,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 82%);
}
body:after{
  content:"";position:fixed;width:42vw;height:42vw;max-width:720px;max-height:720px;min-width:280px;min-height:280px;
  left:calc(var(--pointer-x) - 21vw);top:calc(var(--pointer-y) - 21vw);border:1px solid rgba(217,226,234,.055);border-radius:50%;pointer-events:none;z-index:-3;
  transform:translateZ(0);transition:left 1.2s ease-out,top 1.2s ease-out;box-shadow:0 0 0 42px rgba(140,255,63,.018),0 0 0 84px rgba(217,226,234,.012);
}
.page-bg{z-index:-2;background:
  radial-gradient(ellipse at 18% 12%,rgba(140,255,63,.12),transparent 32%),
  radial-gradient(ellipse at 84% 22%,rgba(217,226,234,.10),transparent 29%),
  radial-gradient(ellipse at 50% 90%,rgba(10,16,34,.06),transparent 38%),#f7f4ec}
.page-bg:before,.page-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.page-bg:before{width:70vmax;height:70vmax;left:-32vmax;top:20vmax;border:1px solid rgba(10,16,34,.055);box-shadow:0 0 0 34px rgba(140,255,63,.025),0 0 0 68px rgba(217,226,234,.018);animation:backgroundOrbit 36s linear infinite}
.page-bg:after{width:58vmax;height:58vmax;right:-30vmax;top:55vmax;border:1px dashed rgba(217,226,234,.09);box-shadow:0 0 0 28px rgba(140,255,63,.018);animation:backgroundOrbit 42s linear infinite reverse}
@keyframes backgroundOrbit{to{transform:rotate(360deg)}}
.orb{mix-blend-mode:multiply;filter:blur(1px);opacity:.7}
.orb.a{background:radial-gradient(circle at 45% 45%,rgba(140,255,63,.34),rgba(140,255,63,.08) 36%,transparent 70%);animation:floatA 14s ease-in-out infinite}
.orb.b{background:radial-gradient(circle at 45% 45%,rgba(217,226,234,.23),rgba(217,226,234,.06) 38%,transparent 70%);animation:floatB 17s ease-in-out infinite}
.orb.c{background:radial-gradient(circle at 45% 45%,rgba(10,16,34,.12),transparent 68%);animation:floatC 19s ease-in-out infinite}
@keyframes floatA{50%{transform:translate3d(55px,-36px,0) scale(1.12)}}
@keyframes floatB{50%{transform:translate3d(-42px,30px,0) scale(.92)}}
@keyframes floatC{50%{transform:translate3d(25px,-20px,0) scale(1.08)}}
#particles{opacity:.9;mix-blend-mode:multiply}

/* Ticker: slow, readable, continuous and pause-on-hover. */
.ticker{height:48px;gap:13px}
.ticker strong{font-size:19px;letter-spacing:1.2px}
.ticker> b{font-size:9px;letter-spacing:1.4px;color:#bdbbc0;flex:0 0 auto}
.ticker .live-dot{width:7px;height:7px;flex:0 0 auto}
.ticker-track{height:100%;display:flex;align-items:center;font-size:12px}
.ticker-marquee{animation-duration:112s}
.ticker-copy{padding-right:120px}
.ticker-copy:after{content:"  •  ";color:var(--pink);font-weight:900}

.site-header{background:rgba(7,9,17,.92);box-shadow:0 10px 35px rgba(7,9,17,.20)}
.nav{min-height:84px;gap:24px}
.brand img{width:58px;height:58px;box-shadow:0 0 0 2px rgba(140,255,63,.12),0 0 0 5px rgba(217,226,234,.06);transition:transform .45s ease,filter .45s ease}
.brand:hover img{transform:rotate(-5deg) scale(1.04);filter:saturate(1.12)}
.brand-text{font-size:33px}
.main-nav a{position:relative;overflow:hidden}
.main-nav a:before{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:linear-gradient(90deg,var(--yellow),#d9e2ea);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.main-nav a:hover:before,.main-nav a.active:before{transform:scaleX(1)}
.main-nav .bet-link{box-shadow:0 7px 18px rgba(217,226,234,.18)}

.layout{grid-template-columns:160px minmax(0,1fr) 160px;gap:30px}
.content{position:relative}
.ad-box{border-radius:12px;background:rgba(255,255,255,.46);backdrop-filter:blur(5px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.ad-rail{top:112px}

.hero-wrap{padding:44px 0 25px}
.hero{grid-template-columns:minmax(0,1.85fr) minmax(330px,.78fr);gap:24px}
.hero-main{min-height:670px;border-radius:20px;box-shadow:0 30px 75px rgba(7,9,17,.22);transform:translateZ(0);isolation:isolate}
.hero-main:before{inset:-40%;background:conic-gradient(from 0deg,transparent 0 21%,rgba(140,255,63,.55) 25%,transparent 33%,rgba(217,226,234,.42) 48%,transparent 58%,rgba(140,255,63,.25) 71%,transparent 79%);animation:spin 20s linear infinite}
.hero-main:after{background:
  radial-gradient(circle at 78% 18%,rgba(140,255,63,.20),transparent 21%),
  radial-gradient(circle at 22% 76%,rgba(217,226,234,.18),transparent 24%),
  linear-gradient(145deg,rgba(5,7,14,.05),rgba(5,7,14,.88))}
.hero-main .hero-content:before{content:"⚽";position:absolute;right:6%;top:9%;font-size:clamp(90px,13vw,180px);opacity:.055;transform:rotate(-12deg);filter:grayscale(1);animation:ballFloat 7s ease-in-out infinite}
@keyframes ballFloat{50%{transform:translate3d(-18px,15px,0) rotate(8deg)}}
.hero-content{padding:56px}
.hero h1{letter-spacing:-.7px;text-shadow:0 7px 30px rgba(0,0,0,.28)}
.hero p{font-size:15.5px;max-width:780px}
.hero-side{gap:20px}
.hero-story{position:relative;overflow:hidden;min-height:205px;padding:27px;border-radius:16px;box-shadow:var(--card-shadow)}
.hero-story:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(217,226,234,.12);border-radius:50%;right:-72px;top:-70px;transition:transform .5s ease}
.hero-story:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--yellow);right:24px;bottom:24px;box-shadow:0 0 0 8px rgba(140,255,63,.10)}
.hero-story:hover:before{transform:rotate(28deg) scale(1.15)}
.hero-story h3{font-size:33px}

.section{padding:52px 0}
.section-head{margin-bottom:20px}
.section-title i{width:6px;height:42px;box-shadow:0 0 18px rgba(217,226,234,.25)}
.section-title h2{font-size:53px;letter-spacing:-.4px}
.section-head>span,.section-head>a{font-size:10px}
.news-grid{gap:22px}
.news-card,.feature-panel,.bet-card,.score-strip,.archive-item,.page-hero-inner,.betting-hero{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.news-card{position:relative;border-radius:16px;box-shadow:var(--card-shadow);isolation:isolate}
.news-card:before,.feature-panel:after,.bet-card:before,.page-hero-inner:before,.betting-hero:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(140,255,63,.13),transparent 24%);opacity:0;transition:opacity .25s ease;z-index:2}
.news-card.is-hovered:before,.feature-panel.is-hovered:after,.bet-card.is-hovered:before,.page-hero-inner.is-hovered:before,.betting-hero.is-hovered:before{opacity:1}
.news-card:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px) translateZ(5px);box-shadow:0 27px 55px rgba(10,16,34,.15)}
.card-visual{height:210px;padding:18px;background:
  radial-gradient(circle at 78% 25%,rgba(140,255,63,.22),transparent 19%),
  radial-gradient(circle at 18% 76%,rgba(217,226,234,.19),transparent 23%),
  linear-gradient(135deg,#080d1e,#161e3a 48%,#0b0f20)}
.card-visual:before{width:310px;height:310px;right:-125px;top:-170px;border:2px solid rgba(140,255,63,.32);box-shadow:0 0 0 20px rgba(217,226,234,.035);animation:orbit 13s linear infinite}
.card-visual:after{width:210px;height:210px;left:-105px;bottom:-145px;border:1px solid rgba(217,226,234,.34);box-shadow:0 0 0 14px rgba(140,255,63,.035)}
.card-visual .visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,rgba(0,0,0,.8),transparent 76%)}
.card-visual .visual-noise{position:absolute;inset:-50%;background:repeating-linear-gradient(120deg,transparent 0 12px,rgba(255,255,255,.018) 13px 14px);animation:noiseMove 12s linear infinite}
@keyframes noiseMove{to{transform:translate3d(80px,40px,0)}}
.visual-ring{position:absolute;border-radius:50%;pointer-events:none}
.visual-ring.ring-one{width:115px;height:115px;right:48px;top:42px;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 12px rgba(255,255,255,.018);animation:ringPulse 4s ease-in-out infinite}
.visual-ring.ring-two{width:70px;height:70px;right:71px;top:64px;border:2px dashed rgba(140,255,63,.26);animation:orbit 8s linear infinite reverse}
@keyframes ringPulse{50%{transform:scale(1.08);opacity:.7}}
.visual-ball{position:absolute;right:75px;top:74px;font-size:40px;opacity:.13;filter:grayscale(1);transform:rotate(-12deg);animation:ballSpin 10s linear infinite}
@keyframes ballSpin{to{transform:rotate(348deg)}}
.card-visual .code{font-size:68px;letter-spacing:-1px;text-shadow:0 5px 22px rgba(0,0,0,.45)}
.card-visual .stamp{font-size:8px;letter-spacing:1.2px}
.card-body{padding:24px}
.tag{background:#ece9df;position:relative;z-index:3}
.news-card h3{font-size:34px;letter-spacing:-.2px}
.news-card p{font-size:12.5px;line-height:1.75}

/* Subtle category accents keep every section visually distinct without changing the brand. */
[class*="theme-liga-1"] .visual-ring.ring-two,[class*="theme-serie-a"] .visual-ring.ring-two{border-color:rgba(140,255,63,.42)}
[class*="theme-premier-league"] .visual-ring.ring-two,[class*="theme-la-liga"] .visual-ring.ring-two{border-color:rgba(217,226,234,.42)}
[class*="theme-champions-league"] .visual-ring.ring-two,[class*="theme-europa-league"] .visual-ring.ring-two{border-color:rgba(255,255,255,.5)}
[class*="theme-conference-league"] .visual-ring.ring-two{border-color:rgba(140,255,63,.55)}

.feature-panel{border-radius:16px;min-height:250px;padding:32px;background:
  radial-gradient(circle at 90% 10%,rgba(140,255,63,.11),transparent 22%),
  radial-gradient(circle at 10% 90%,rgba(217,226,234,.10),transparent 25%),#0b0e19;box-shadow:0 18px 42px rgba(10,16,34,.16)}
.feature-panel:before{width:420px;height:420px;right:-170px;top:-230px;border-color:rgba(140,255,63,.16);animation:orbit 18s linear infinite}
.feature-panel h3{font-size:47px}

.score-strip{border-radius:16px;box-shadow:var(--card-shadow)}
.score-head{padding:17px 19px}
.score-head b{font-size:28px}
.score-row{padding:15px 18px;font-size:12px}
.score{font-size:24px}

.page-hero{padding:48px 0 28px}
.page-hero-inner,.betting-hero{border-radius:20px;padding:52px;background:
  radial-gradient(circle at 82% 20%,rgba(140,255,63,.17),transparent 20%),
  radial-gradient(circle at 17% 85%,rgba(217,226,234,.15),transparent 24%),
  linear-gradient(145deg,#080d1e,#141d38);box-shadow:0 25px 60px rgba(7,9,17,.18)}
.page-hero-inner:before{width:600px;height:600px;right:-220px;top:-360px;border:1px solid rgba(140,255,63,.18);box-shadow:0 0 0 24px rgba(217,226,234,.025);animation:orbit 24s linear infinite}
.page-hero-inner:after{width:330px;height:330px;left:-140px;bottom:-210px;border-color:rgba(217,226,234,.28);box-shadow:0 0 0 20px rgba(140,255,63,.025);animation:orbit 16s linear infinite reverse}
.page-hero h1{font-size:clamp(64px,7vw,112px);letter-spacing:-1px}
.page-hero p{font-size:15px;max-width:960px}

.article-shell{border-radius:18px;box-shadow:0 28px 70px rgba(10,16,34,.12)}
.article-top{padding:48px 52px 34px}
.article-top h1{font-size:clamp(58px,6vw,92px);letter-spacing:-.8px}
.article-art{height:390px;background:
  radial-gradient(circle at 76% 24%,rgba(140,255,63,.20),transparent 20%),
  radial-gradient(circle at 20% 78%,rgba(217,226,234,.18),transparent 23%),
  linear-gradient(135deg,#080d1e,#182342)}
.article-art:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(140,255,63,.20);border-radius:50%;right:-150px;top:-210px;animation:orbit 19s linear infinite}
.article-art:after{content:"⚽";position:absolute;right:13%;top:15%;font-size:150px;opacity:.08;filter:grayscale(1);animation:ballFloat 8s ease-in-out infinite}
.article-art .visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px}
.article-art .code{position:relative;z-index:2}
.article-art .stamp{position:relative;z-index:2;margin-left:auto;align-self:flex-end}
.article-body{padding:44px 52px;font-size:18px}
.article-body p{max-width:780px}
.article-body h2{font-size:44px}

.archive-item{padding:22px;border-radius:15px;box-shadow:var(--card-shadow)}
.archive-item:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);box-shadow:0 22px 45px rgba(10,16,34,.13)}
.archive-item .archive-code{background:linear-gradient(135deg,#f1eee5,#fff);border:1px solid #e4dfd5}

.betting-hero{padding:40px}
.betting-hero:before{width:520px;height:520px;right:-210px;top:-320px;border-color:rgba(140,255,63,.18);animation:orbit 20s linear infinite}
.bet-grid{gap:22px;margin:22px 0}
.bet-card{border-radius:16px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}
.bet-card.highlight{border:2px solid var(--pink);box-shadow:0 18px 45px rgba(217,226,234,.10)}
.odd-big{font-size:60px}
.odds-table{border-radius:16px;box-shadow:var(--card-shadow)}
.odds-title{padding:17px 20px}
.odds-row{padding:13px 18px}

/* Desktop width: larger editorial reading surface while keeping ad rails. */
@media(min-width:1500px){
  .wrap{width:min(calc(100% - 56px),1580px)}
  .layout{grid-template-columns:160px minmax(0,1fr) 160px;gap:34px}
  .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media(max-width:1280px){
  .wrap{width:min(calc(100% - 34px),1500px)}
  .layout{grid-template-columns:145px minmax(0,1fr) 145px;gap:20px}
  .main-nav a{padding-inline:7px}
  .hero{grid-template-columns:minmax(0,1.6fr) 300px}
  .hero-main{min-height:610px}
  .hero-content{padding:44px}
  .section-title h2{font-size:48px}
  .news-card h3{font-size:31px}
}
@media(max-width:1100px){
  .wrap{width:min(calc(100% - 30px),980px)}
  .layout{grid-template-columns:1fr;gap:0}
  .ad-rail{display:none}
  .mobile-ad{display:flex;min-height:160px;margin:18px 0}
  .site-header .nav{min-height:74px}
  .main-nav{left:-1px;right:-1px;max-height:0;padding:0 10px;background:rgba(7,9,17,.98);backdrop-filter:blur(18px)}
  .main-nav.open{max-height:calc(100vh - 74px);padding-bottom:10px}
  .main-nav a{padding:14px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
  .main-nav .bet-link{margin:8px 0 0}
  .hero{grid-template-columns:1fr}
  .hero-main{min-height:620px}
  .hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section{padding:45px 0}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 22px)}
  body:after{width:90vw;height:90vw;left:calc(var(--pointer-x) - 45vw);top:calc(var(--pointer-y) - 45vw);transition:left 1.4s ease-out,top 1.4s ease-out}
  body:before{background-size:28px 28px;opacity:.38}
  .ticker{height:42px;gap:9px}
  .ticker strong{font-size:16px}
  .ticker> b{font-size:8px}
  .ticker-track{font-size:11px}
  .ticker-marquee{animation-duration:96s}
  .ticker-copy{padding-right:90px}
  .site-header .nav{min-height:70px}
  .brand img{width:48px;height:48px}
  .brand-text{font-size:28px}
  .brand-text small{font-size:7px}
  .hero-wrap{padding:22px 0 12px}
  .hero-main{min-height:570px;border-radius:16px}
  .hero-content{padding:32px 24px}
  .hero h1{font-size:clamp(50px,13.5vw,70px)}
  .hero p{font-size:13px;line-height:1.7}
  .hero-side{grid-template-columns:1fr;gap:14px}
  .hero-story{min-height:0;padding:21px}
  .hero-story h3{font-size:30px}
  .section{padding:36px 0}
  .section-title h2{font-size:39px}
  .section-head{align-items:flex-end}
  .section-head>span,.section-head>a{font-size:8px}
  .news-grid{grid-template-columns:1fr;gap:17px}
  .news-card h3{font-size:31px}
  .card-visual{height:190px}
  .card-body{padding:21px}
  .feature-panel{padding:26px;min-height:230px}
  .feature-panel h3{font-size:39px}
  .page-hero{padding:26px 0 16px}
  .page-hero-inner,.betting-hero{padding:32px 24px;border-radius:16px}
  .page-hero h1{font-size:clamp(58px,16vw,78px)}
  .page-hero p{font-size:13px}
  .article-page{padding:25px 0 50px}
  .article-top{padding:30px 23px 25px}
  .article-top h1{font-size:clamp(52px,14vw,72px)}
  .article-top .dek{font-size:15px;line-height:1.6}
  .article-art{height:245px;padding:20px}
  .article-art:after{font-size:100px;right:9%;top:18%}
  .article-body{padding:29px 23px;font-size:17px;line-height:1.82}
  .article-body h2{font-size:37px}
  .source,.related{margin-left:23px;margin-right:23px}
  .related-grid{grid-template-columns:1fr}
  .archive-item{grid-template-columns:68px 1fr;gap:13px;padding:15px}
  .archive-date{grid-column:2}
  .odds-table{overflow-x:auto}
  .odds-head,.odds-row{min-width:590px}
  .bet-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  .wrap{width:calc(100% - 16px)}
  .brand-text{font-size:25px}
  .brand-text small{font-size:6.4px;letter-spacing:1.4px}
  .menu{width:42px;height:42px}
  .hero-main{min-height:530px}
  .hero-content{padding:27px 19px}
  .hero h1{font-size:48px}
  .hero p{font-size:12px}
  .section-title h2{font-size:34px}
  .card-visual{height:170px}
  .card-visual .code{font-size:54px}
  .news-card h3{font-size:28px}
  .page-hero-inner,.betting-hero{padding:27px 19px}
  .page-hero h1{font-size:55px}
  .betting-hero h1{font-size:64px}
  .odds-head,.odds-row{min-width:560px}
}
@media(prefers-reduced-motion:reduce){
  body:after{transition:none}
  .ticker-marquee{animation:none;transform:none}
  #particles{display:none}
}

/* Mobile advertising cadence: compact, responsive in-feed slots. */
.mobile-ad.in-feed-ad{
  position:relative;
  min-height:118px;
  margin:22px 0;
  border:1px dashed rgba(120,115,106,.45);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(244,241,233,.55));
  color:#8b867e;
  overflow:hidden;
}
.mobile-ad.in-feed-ad:before{
  content:'';
  position:absolute;
  width:150px;height:150px;
  border:1px solid rgba(217,226,234,.13);
  border-radius:50%;
  right:-55px;top:-78px;
  animation:orbit 16s linear infinite;
}
.mobile-ad.in-feed-ad:after{
  content:'';
  position:absolute;
  width:110px;height:110px;
  border:1px solid rgba(140,255,63,.20);
  border-radius:50%;
  left:-48px;bottom:-62px;
}
.mobile-ad.in-feed-ad span{position:relative;z-index:1;font-size:8px;letter-spacing:1.5px}
@media(max-width:1100px){
  .news-grid > .in-feed-ad,
  .archive-list > .in-feed-ad{grid-column:1 / -1}
}
@media(max-width:760px){
  .mobile-ad.in-feed-ad{min-height:108px;margin:18px 0}
}
@media(max-width:430px){
  .mobile-ad.in-feed-ad{min-height:96px;margin:15px 0}
}

/* Advertising + operator directory */
.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:90px;margin:8px 0 18px;border:1px dashed #bdb7ad;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.8),rgba(255,255,255,.55));color:#9a958c;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;overflow:hidden}
.ad-slot:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(140,255,63,.08) 40%,rgba(217,226,234,.07) 60%,transparent 85%);animation:adshine 8s linear infinite}
.ad-slot span{position:relative;z-index:1}.ad-slot.wide{min-height:92px}.ad-slot.mobile-wide{min-height:100px}
@keyframes adshine{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
.operator-directory{margin:38px 0 24px;padding:28px;border-radius:18px;background:linear-gradient(145deg,#111116,#1b1b22);color:#fff;position:relative;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.14)}
.operator-directory:before{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(140,255,63,.14);border-radius:50%;right:-170px;top:-240px;animation:orbit 20s linear infinite}.operator-directory:after{content:'';position:absolute;width:260px;height:260px;border:1px solid rgba(217,226,234,.15);border-radius:50%;left:-150px;bottom:-190px}
.operator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;position:relative;z-index:1}.operator-head h2{font:900 42px/.9 'Barlow Condensed';margin:8px 0}.operator-head p{max-width:760px;color:#aaa;font-size:11px;line-height:1.7;margin:0}.operator-reg{background:var(--yellow);color:#111;padding:10px 13px;border-radius:7px;font-size:10px;font-weight:900;text-transform:uppercase;white-space:nowrap}.operator-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:22px;position:relative;z-index:1}.operator-links a{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:8px;padding:12px;transition:.2s}.operator-links a:hover{transform:translateY(-3px);border-color:rgba(140,255,63,.45);background:rgba(140,255,63,.07)}.operator-links strong{display:block;font:800 18px/.9 'Barlow Condensed';color:#fff}.operator-links small{display:block;color:#999;font-size:8px;text-transform:uppercase;letter-spacing:.5px;margin-top:5px}.responsible-strip{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);border-radius:8px;position:relative;z-index:1;color:#bcb9be;font-size:9px;line-height:1.5}.responsible-strip b{color:var(--yellow);font:900 20px 'Barlow Condensed'}
.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bonus-card{background:#fff;border:1px solid #ddd8cf;border-radius:15px;padding:22px;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05);transition:.25s}.bonus-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(0,0,0,.12)}.bonus-card:before{content:'';position:absolute;width:190px;height:190px;border:1px solid rgba(217,226,234,.14);border-radius:50%;right:-90px;top:-100px}.bonus-top{display:flex;justify-content:space-between;align-items:center}.bonus-no{font:900 24px 'Barlow Condensed';color:#ccc}.bonus-card h3{font:900 31px/.9 'Barlow Condensed';margin:16px 0 10px}.bonus-offer{font:900 19px/1.05 'Barlow Condensed';color:#111;background:linear-gradient(90deg,rgba(140,255,63,.45),rgba(217,226,234,.12));padding:10px;border-left:4px solid var(--yellow)}.bonus-card p{font-size:11px;line-height:1.65;color:#6d6970;min-height:76px}.bonus-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.bonus-actions .btn{padding:10px 12px;font-size:9px}.bonus-actions small{font-size:8px;color:#999}.bonus-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bonus-guide article{background:#111116;color:#fff;border-radius:12px;padding:22px;position:relative;overflow:hidden}.bonus-guide article:before{content:'';position:absolute;width:130px;height:130px;border:1px solid rgba(140,255,63,.14);border-radius:50%;right:-70px;bottom:-70px}.bonus-guide b{color:var(--pink);font:900 34px 'Barlow Condensed'}.bonus-guide h3{font:900 24px 'Barlow Condensed';margin:8px 0}.bonus-guide p{font-size:10px;line-height:1.7;color:#aaa;margin:0}.casino-links{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0}.casino-hero .betting-hero{min-height:300px}
@media (max-width:1200px){.operator-links,.casino-links{grid-template-columns:repeat(3,minmax(0,1fr))}.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ad-slot.wide{min-height:82px;margin:6px 0 14px}.operator-head{align-items:flex-start;flex-direction:column}.operator-links,.casino-links{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-grid{grid-template-columns:1fr}.bonus-guide{grid-template-columns:1fr}.operator-directory{padding:22px}.operator-head h2{font-size:36px}}
@media (max-width:560px){.ad-slot{min-height:76px}.operator-links,.casino-links{grid-template-columns:1fr}.operator-head h2{font-size:31px}.operator-reg{width:100%;text-align:center}.responsible-strip{align-items:flex-start}.bonus-card h3{font-size:28px}.bonus-actions{align-items:flex-start;flex-direction:column}.bonus-actions small{margin-left:2px}}

/* STIRISPORT affiliate shop */
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,242,237,.9));border:1px solid #ddd8cf;border-radius:16px;padding:26px;min-height:290px;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.05);transition:.25s}.shop-card:before{content:'';position:absolute;width:220px;height:220px;border:1px solid rgba(140,255,63,.28);border-radius:50%;right:-120px;top:-100px;animation:orbit 10s linear infinite}.shop-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(0,0,0,.11)}.shop-icon{font-size:42px;margin-bottom:18px}.shop-card h3{font:900 34px/.95 'Barlow Condensed';margin:10px 0}.shop-card p{font-size:12px;line-height:1.7;color:#68656a;min-height:72px}.affiliate-pending{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:8px;background:#eceae5;color:#777;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.ad-slot.wide{margin:20px 0;min-height:100px;border:1px dashed #bdb8af;background:rgba(255,255,255,.42);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8d8981;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.ad-slot.wide span{padding:10px}.article-body h2{font:900 34px/.98 'Barlow Condensed';margin:28px 0 10px}.article-body p{font-size:14px;line-height:1.85;color:#4e4c51}.main-nav a.active{position:relative}.main-nav a.active:after{content:'';position:absolute;left:10px;right:10px;bottom:-7px;height:2px;background:var(--green,#8cff3f);border-radius:3px}@media(max-width:1100px){.shop-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.shop-grid{grid-template-columns:1fr}.shop-card{min-height:250px}.ad-slot.wide{min-height:92px;margin:16px 0}}


/* Navigation, search and consent improvements — October 2026 */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-drop-trigger{border:0;background:transparent;color:#ddd;padding:10px 11px;border-radius:6px;font:800 11px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px;cursor:pointer}
.nav-drop-trigger:hover,.nav-dropdown.is-open>.nav-drop-trigger{background:#222228;color:var(--yellow)}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:220px;max-height:min(70vh,520px);overflow:auto;padding:8px;background:#111116;border:1px solid #34343a;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.35);z-index:60;grid-template-columns:1fr}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.is-open .dropdown-menu{display:grid}
.dropdown-menu a{display:block!important;padding:11px 12px!important;border-radius:6px!important;color:#e8e7e9!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
.dropdown-menu a:hover{background:#24242a!important;color:var(--yellow)!important}
.search-panel{position:fixed;inset:0;z-index:1000;background:rgba(5,5,8,.82);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:12vh 18px 24px}
.search-panel.is-open{display:flex}.search-dialog{width:min(720px,100%);background:#f7f5ef;border:1px solid #d7d2c8;border-radius:16px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.4);max-height:76vh;overflow:auto}
.search-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-dialog h2{font:900 30px 'Barlow Condensed';margin:0;color:#151519}.search-close{border:0;border-radius:8px;background:#e7e3da;color:#111;padding:8px 12px;cursor:pointer}
.site-search-input{width:100%;margin:16px 0;padding:14px 15px;border:1px solid #c9c4bb;border-radius:9px;font:500 15px Inter,Arial,sans-serif;background:white;color:#111;outline-offset:3px}
.search-results{display:grid;gap:8px}.search-result{display:block;padding:13px 14px;background:white;border:1px solid #e3dfd6;border-radius:9px;color:#17171b}.search-result strong{display:block;font-size:13px}.search-result small{display:block;margin-top:5px;color:#777;font-size:10px}.search-empty{padding:18px;color:#6d6970;font-size:13px}
.cookie-banner{position:fixed;z-index:950;left:16px;right:16px;bottom:16px;margin:auto;max-width:900px;padding:18px;background:#111116;color:#f7f5ef;border:1px solid #3b3b42;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:none;gap:18px;align-items:center;justify-content:space-between}
.cookie-banner.is-visible{display:flex}.cookie-copy{max-width:570px}.cookie-copy strong{display:block;font-size:14px;margin-bottom:5px}.cookie-copy p{margin:0;color:#c3c0c7;font-size:11px;line-height:1.65}.cookie-copy a{color:var(--yellow);text-decoration:underline}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-actions button{border:1px solid #45454d;border-radius:7px;padding:10px 12px;background:#222228;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.cookie-actions .cookie-accept{background:var(--yellow);color:#111;border-color:var(--yellow)}
.cookie-settings-link{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.legal-copy{background:rgba(255,255,255,.88);border:1px solid #ddd8cf;border-radius:14px;padding:clamp(20px,4vw,38px);margin:20px 0 36px}.legal-copy h2{font:900 28px 'Barlow Condensed';margin:28px 0 10px}.legal-copy h2:first-child{margin-top:0}.legal-copy p,.legal-copy li{font-size:13px;line-height:1.8;color:#4e4c51}.legal-copy ul{padding-left:22px}.legal-updated{font-size:11px;color:#7c7770;margin-top:18px}
.notice-stale{margin:18px 0;padding:14px 16px;background:#fff6df;border:1px solid #e4c878;border-radius:10px;color:#5d4915;font-size:12px;line-height:1.65}.notice-stale strong{display:block;margin-bottom:4px}
@media(max-width:1050px){.nav{gap:12px}.main-nav{gap:2px}.main-nav>a,.nav-drop-trigger{padding:9px 7px;font-size:10px}.brand-text{font-size:26px}}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:14px;background:#0c0c10;border:1px solid #292930;border-radius:0 0 12px 12px;box-shadow:0 18px 35px rgba(0,0,0,.35);align-items:stretch;flex-direction:column;max-height:75vh;overflow:auto}.main-nav.open{display:flex}.main-nav>a,.nav-drop-trigger{display:block;text-align:left;width:100%;padding:12px 13px;font-size:12px}.nav-dropdown{display:block}.dropdown-menu{position:static;max-height:none;box-shadow:none;border:0;border-radius:0;padding:4px 0 4px 12px;background:#151519}.dropdown-menu a{white-space:normal}.nav-dropdown:hover .dropdown-menu{display:none}.nav-dropdown.is-open .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:grid}.menu{display:block}.search-btn{margin-left:auto}}
@media(max-width:600px){.cookie-banner{left:8px;right:8px;bottom:8px;padding:14px;align-items:stretch;flex-direction:column;gap:12px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions button{min-height:40px}.search-dialog{padding:16px}.search-panel{padding-top:8vh}}
@media(prefers-reduced-motion:reduce){.ticker-marquee,.orb,.ad-slot:before{animation:none!important;scroll-behavior:auto!important}}