:root{--red:#ef3340;--red2:#bd1e2d;--gold:#c99a36;--gold2:#f0d58d;--bg:#fff8f5;--card:#fff;--line:#ecd9d2;--muted:#806e68;--white:#271716}
body{background:linear-gradient(180deg,#fffaf8 0,#fff4ef 58%,#fffaf8 100%);color:var(--white)}body:before{background:radial-gradient(circle at 77% 12%,#ef334023,transparent 27%),radial-gradient(circle at 15% 58%,#d8ad5517,transparent 24%)}
header{background:#fffaf2ee;border-color:#ead5c8;box-shadow:0 8px 30px #6b1b1110}.brand{color:#311716}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 3px 12px #c99a3640}.brand b,.kicker,footer b{color:var(--red)}nav a{color:#725e58;font-weight:700}.badge{border-color:var(--gold);color:#9c6b0d;background:#fff7df}
.hero p,.method p,.analysis p{color:#715f5a}.cta{background:linear-gradient(135deg,var(--red),#ff5963);box-shadow:0 14px 30px #ef33402d}.cta span{color:#ffe8a9}.redGlow{background:#ef334044}.ring{border:2px solid var(--gold);background:linear-gradient(145deg,#fff,#fff1ec);box-shadow:inset 0 0 0 14px #fff8f5,0 30px 90px #9c2b1b20}.ring:before{border-color:#ef334080}.ring img{width:150px;height:150px;border-radius:50%;object-fit:cover;z-index:1}.ring small{margin-top:10px;color:#9d741c;font-weight:800}
.source{color:#8b756e}.source.ok{color:#a57510}.day,.filter,.match,.steps span,.modalCard{background:#fff;border-color:var(--line);box-shadow:0 8px 22px #7820140b}.day{color:#725f59}.day small{color:#a38e86}.day.active{border-color:var(--red);background:linear-gradient(135deg,#fff0ec,#fff9e8);color:#c52231;box-shadow:0 8px 22px #ef334018}.day.active small{color:#a9791e}.filter{color:#75615b}.filter.active{background:linear-gradient(135deg,var(--red),#ff5c66);border-color:var(--red);color:#fff}.match:hover{border-color:var(--gold);box-shadow:0 16px 35px #7c251319}.league{color:#8d756d}.time{color:#9b8780}.time b{color:#2b1917}.tap{color:#c48c22;border-color:#eee0d9}.steps span{color:var(--gold)}.steps b{color:#2b1917}.modal{background:#3a1512a6}.prob div,.metric{background:#fff8f4;border:1px solid var(--line)}.score{background:#fff6df;border-color:#dfb85f}.score:first-child{background:linear-gradient(135deg,var(--red),#ff5963);color:#fff}.metric b{color:var(--red)}footer{border-color:var(--line);color:#8a756e}.status{color:#8d7770}
@media(max-width:600px){header{padding:0 16px}.brand span{font-size:12px}.brand img{width:42px;height:42px}.badge{display:none}.hero{padding-left:20px;padding-right:20px}.heroVisual{height:250px}.ring{width:210px;height:210px}.ring:before{width:180px;height:180px}.ring img{width:125px;height:125px}h1{font-size:48px}.wrap{padding-left:18px;padding-right:18px}.scores{grid-template-columns:1fr}}

.filter{display:inline-flex;align-items:center;gap:7px}.filter img{width:23px;height:23px;object-fit:contain}.league>span:first-child{display:inline-flex;align-items:center;gap:7px}.league img{width:22px;height:22px;object-fit:contain}.leagueTitle{display:inline-flex;align-items:center;gap:8px}.leagueTitle img,.leagueLogoInline{width:28px;height:28px;object-fit:contain;vertical-align:middle}
.cardPrediction{margin:4px 0 14px;padding:11px 14px;border:1px solid #ead19b;border-radius:12px;background:linear-gradient(135deg,#fff8e7,#fffdf8);display:flex;align-items:center;justify-content:space-between}.cardPrediction small{font-size:10px;font-weight:900;letter-spacing:.13em;color:#9c721d}.cardPrediction b{font-size:22px;color:#d92b39;letter-spacing:.04em}.tap{text-align:center}
.seoSection{padding-top:80px;padding-bottom:35px}.seoSection h2{font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.035em;margin:8px 0 18px;max-width:850px}.seoSection>p{max-width:900px;color:#715f5a;font-size:17px}.seoCards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.seoCards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 28px #7820140b}.seoCards h3{margin:0 0 8px;color:#c42835}.seoCards p{margin:0;color:#75645e}.faq{padding-bottom:100px}.faq details{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:850;padding:17px 0;color:#38211e}.faq details p{margin:0;padding:0 0 18px;color:#725f59}footer a{color:#a77817;text-decoration:none;font-weight:700}
@media(max-width:800px){.seoCards{grid-template-columns:1fr}.seoSection{padding-top:60px}footer{align-items:flex-start}}
.newsSection{padding-top:20px;padding-bottom:45px}.newsSection h2{font-size:38px;margin:4px 0;letter-spacing:-.035em}.newsLive{font-size:10px;font-weight:900;letter-spacing:.08em;color:#c6962e;background:#fff7df;border:1px solid #ead19b;border-radius:999px;padding:8px 11px}.newsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.newsCard{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 30px #7820140d;transition:.2s}.newsCard:hover{transform:translateY(-3px);border-color:#d7a949}.newsImage{height:126px;background:linear-gradient(135deg,#ef3340,#8e101b);background-size:cover;background-position:center;position:relative}.newsImage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1d08078c,transparent 70%)}.newsImage span{position:absolute;left:13px;bottom:10px;z-index:1;color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em}.newsBody{padding:16px}.newsBody time{font-size:10px;color:#a4887e;text-transform:uppercase}.newsBody h3{font-size:16px;line-height:1.25;margin:7px 0;color:#321c19}.newsBody p{font-size:12px;line-height:1.45;color:#7b6862;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.newsBody b{font-size:11px;color:#c58c1f}.newsCredit{font-size:10px;color:#9b8680;margin-top:12px}.mobileNav{display:none}
@media(max-width:900px){.newsGrid{grid-template-columns:repeat(2,1fr)}}
.newsSection{padding-top:65px}.newsActions{display:flex;align-items:center;gap:8px}.newsActions button{width:38px;height:38px;border-radius:50%;border:1px solid #e2c9bf;background:#fff;color:#d52b38;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 5px 15px #78201410}.newsActions button:hover{background:#ef3340;color:#fff;border-color:#ef3340}.newsGrid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 14px;gap:15px}.newsGrid::-webkit-scrollbar{display:none}.newsCard{flex:0 0 285px;scroll-snap-align:start}.newsCard.featured{flex-basis:350px}
@media(max-width:700px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#fff8f5}header{height:62px;padding:0 14px;position:sticky}.brand img{width:40px;height:40px}.brand span{font-size:12px}header nav,.badge{display:none}.hero{display:block;min-height:auto;padding:42px 20px 34px}.heroVisual{display:none}.hero h1{font-size:43px;line-height:.94;margin:16px 0}.hero p{font-size:15px;line-height:1.55}.cta{width:100%;justify-content:space-between;padding:15px 18px;border-radius:14px}.wrap{padding-left:15px;padding-right:15px}.newsSection{padding-top:22px;padding-bottom:24px}.newsSection .titleRow{flex-direction:row;align-items:center}.newsSection h2{font-size:27px}.newsLive{font-size:8px;padding:6px 8px}.newsGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-15px;margin-right:-15px;padding:0 15px 10px;scrollbar-width:none}.newsGrid::-webkit-scrollbar{display:none}.newsCard{flex:0 0 82vw;scroll-snap-align:start;border-radius:18px}.newsCard.featured{flex-basis:88vw}.newsImage{height:155px}.newsBody h3{font-size:18px}.newsBody p{font-size:13px}.titleRow h2,.method h2{font-size:29px}.days{margin-top:20px;grid-template-columns:repeat(5,112px);gap:8px;margin-left:-15px;margin-right:-15px;padding:0 15px 8px;scroll-snap-type:x mandatory}.day{scroll-snap-align:start;padding:12px 10px;border-radius:12px}.filters{margin-left:-15px;margin-right:-15px;padding:4px 15px 16px}.grid{gap:12px}.match{border-radius:17px;padding:16px}.fixture{margin:18px 0}.team img{width:44px;height:44px}.cardPrediction{padding:10px 13px}.method{padding-top:62px;padding-bottom:62px}.seoSection{padding-top:52px}.seoSection h2{font-size:30px}.steps i{display:none}.steps span{flex:1 1 45%;text-align:center}.modal{padding:10px;align-items:end}.modalCard{border-radius:24px 24px 12px 12px;padding:23px 16px;max-height:92vh;overflow:auto}.detailTeams h2{font-size:22px}.prob{gap:6px}.prob div{padding:11px 6px}.mobileNav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:45;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:64px;padding:6px;background:#fffdfaf2;border:1px solid #eadbd5;border-radius:20px;box-shadow:0 12px 38px #49100f30;backdrop-filter:blur(18px)}.mobileNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#8a746e;font-size:9px;font-weight:800;border-radius:14px}.mobileNav a span{font-size:20px;line-height:1}.mobileNav a.active,.mobileNav a:active{color:#e52d3b;background:#fff0ed}footer{padding-bottom:25px}.faq{padding-bottom:50px}
}