:root{--navy:#0a1f44;--navy2:#132d5e;--navy3:#1d3d78;--or:#ff6a13;--or2:#ff8a3d;--bg:#f3f5fa;--card:#fff;--line:#dfe4ee;--tx:#0e1a2f;--mut:#5d6b82;--ok:#118a52;--feed:#2a62d6;--ph:#b7791f}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--feed)}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.muted{color:var(--mut)}

.top{background:var(--navy);border-bottom:3px solid var(--or)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.logo{color:#fff;text-decoration:none;font-weight:900;font-size:22px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;text-transform:uppercase;font-style:italic}
.logo b{color:var(--or)}
.logo .mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--or);color:var(--navy);font-style:normal;font-size:15px}
nav{display:flex;gap:4px;overflow-x:auto}
nav a{color:#c9d4ea;text-decoration:none;font-weight:700;font-size:14px;padding:8px 12px;border-radius:8px;white-space:nowrap}
nav a:hover{color:#fff;background:var(--navy2)} nav a.cur{color:var(--navy);background:var(--or)}
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 70%,var(--navy3) 100%);color:#fff;padding:56px 0 64px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-120px;top:-60px;width:420px;height:420px;border-radius:50%;border:40px solid rgba(255,106,19,.10)}
.hero.small{padding:36px 0 0}
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--or2);border:1px solid rgba(255,138,61,.5);padding:4px 12px;border-radius:99px;margin-bottom:16px}
h1{font-size:54px;line-height:1.05;font-weight:900;letter-spacing:-.03em;font-style:italic;text-transform:uppercase}
h1 span{color:var(--or)} .hero.small h1{font-size:40px} .hero.small h1 span:last-child{font-size:.55em;color:var(--or2);font-style:normal;vertical-align:middle}
.em{font-style:normal}
.sub{color:#c3cee4;font-size:18px;max-width:640px;margin:14px 0 30px}
.crumb{color:#9fb0d0;text-decoration:none;font-size:14px;display:inline-block;margin-bottom:10px}
.tabs{display:flex;gap:6px;margin-top:10px}
.tabs a{color:#c9d4ea;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:10px 10px 0 0;font-size:15px}
.tabs a.on{background:var(--bg);color:var(--navy)}
.helper{position:relative;z-index:1;background:#fff;color:var(--tx);border-radius:18px;padding:26px;max-width:860px;box-shadow:0 20px 50px rgba(0,0,0,.35);border-top:5px solid var(--or)}
.helper h2{font-size:22px;font-weight:900;letter-spacing:-.01em;margin-bottom:16px}
.pick{display:grid;grid-template-columns:1fr 2fr;gap:14px}
.pick label span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-bottom:6px}
.pick select{width:100%;font:inherit;font-size:17px;font-weight:600;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--tx);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23ff6a13' stroke-width='2.2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.pick select:focus{outline:0;border-color:var(--or)}
.hres{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hres h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-bottom:8px}
.hres ul{list-style:none} .hres li{padding:6px 0;border-bottom:1px solid var(--line);font-size:14px} .hres li b{display:block;font-size:15px}
.hres .teamline{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}
.hres .teamline img{width:44px;height:44px}
.hres .btns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding-top:6px;border-top:2px dashed var(--line)}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--or);color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:10px 16px;border-radius:10px;white-space:nowrap}
.btn:hover{background:#e85a05} .btn.ghost{background:var(--navy)} .btn.sm{padding:6px 11px;font-size:13px}
.tag{display:inline-block;background:#eef2f9;border:1px solid var(--line);color:var(--navy);font-size:13px;font-weight:700;padding:2px 9px;border-radius:6px;margin:2px 4px 2px 0}
.tag.nat{background:#fff2ea;border-color:#ffd2b5;color:#b44000}
.sect{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:40px 0 16px;flex-wrap:wrap}
.sect h2{font-size:26px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;font-style:italic}
.badge{font-size:12px;font-weight:800;padding:4px 10px;border-radius:99px;color:#fff}
.badge.ok{background:var(--ok)} .badge.feed{background:var(--feed)} .badge.ph{background:var(--ph)} .badge.info{background:var(--navy3)}
.ph-text{color:var(--ph);font-weight:700;font-size:13px}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:14px;transition:transform .15s,box-shadow .15s;border-left:6px solid var(--or)}
.lcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,31,68,.12)}
.lhead{display:flex;gap:12px;align-items:center} .lhead .em{font-size:34px}
.lhead b{display:block;font-size:24px;font-weight:900;font-style:italic;color:var(--navy)} .lhead small{color:var(--mut);font-size:13px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px} .chips li{font-size:13px;font-weight:700;background:#eef2f9;color:var(--navy);padding:3px 9px;border-radius:6px}
.lfoot{margin-top:auto;display:flex;justify-content:space-between;font-size:13px;color:var(--mut);border-top:1px solid var(--line);padding-top:12px} .lfoot span:last-child{color:var(--or);font-weight:800}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;border-top:4px solid var(--navy)}
.pcard b{font-size:18px;font-weight:900;color:var(--navy)} .pcard p{color:var(--mut);font-size:14px;flex:1} .pcard .btn{align-self:flex-start}
.pcard.alt{background:var(--navy);border-color:var(--navy);border-top-color:var(--or)} .pcard.alt b{color:#fff} .pcard.alt p{color:#c3cee4}
.src{font-size:13px;color:var(--mut);margin-top:10px}
.note{color:var(--mut);margin-bottom:14px}
.tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:14px}
table.teams{width:100%;border-collapse:collapse;font-size:14px}
.teams th{text-align:left;background:var(--navy);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:12px 14px;white-space:nowrap}
.teams td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:middle}
.teams tr:nth-child(even) td{background:#f8f9fc}
.tm{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap} .tm img{width:28px;height:28px}
.games{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.day{background:var(--navy);color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;padding:9px 16px}
.game{display:grid;grid-template-columns:110px 1.2fr 1.4fr 1.4fr;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.game .time{font-weight:800;color:var(--or)} .game .match{font-size:16px} .game .go{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
footer{background:var(--navy);color:#c3cee4;margin-top:56px;padding:30px 0;font-size:13px} footer p+p{margin-top:8px} footer .muted{color:#7f90b0}
@media (max-width:1100px){.lgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .wrap{padding:0 16px} h1{font-size:36px} .hero{padding:36px 0 40px} .hero.small h1{font-size:30px} .sub{font-size:16px}
  .top .wrap{height:auto;flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:8px;gap:8px} nav{width:100%}
  .helper{padding:18px} .pick,.hres{grid-template-columns:1fr} .lgrid{grid-template-columns:1fr}
  .game{grid-template-columns:1fr auto;row-gap:6px} .game .bc{grid-column:1/-1} .game .go{grid-column:1/-1;justify-content:flex-start}
  .teams th:nth-child(3),.teams td:nth-child(3){display:none}
  .tm img{width:22px;height:22px} .tm{white-space:normal}
}
.prose{max-width:820px} .prose h2{font-size:22px;font-weight:900;text-transform:uppercase;font-style:italic;margin:34px 0 10px;color:var(--navy)}
.prose p,.prose li{color:#33415a;margin-bottom:10px} .prose ul{padding-left:20px}
footer a{color:#ff8a3d}