:root{--navy:#0e1b2e;--navy2:#16283f;--red:#d01e2c;--ice:#eaf9ff;--txt:#1c2733;--mut:#7b8a99;--card:#fff;--r:14px;--sh:0 10px 30px rgba(10,20,40,.12)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Roboto',system-ui,sans-serif;background:#f2f5f9;color:var(--txt)}
h1,h2,h3{font-family:'Roboto Condensed','Roboto',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(14,27,46,.92);backdrop-filter:blur(10px);color:#fff}
.header-in{display:flex;align-items:center;gap:18px;padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{height:44px}
.logo b{font-family:'Roboto Condensed';font-size:1.15rem;letter-spacing:.06em}
.main-nav{display:flex;gap:4px;margin-left:auto}
.main-nav a{padding:8px 14px;border-radius:10px;text-decoration:none;font-size:.9rem;color:#cfe0f2;transition:.2s}
.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.12);color:#fff}
.btn{display:inline-block;padding:11px 22px;border-radius:10px;border:none;cursor:pointer;font-weight:700;text-decoration:none;transition:.2s;font-size:.9rem}
.btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(208,30,44,.35)}
.btn-red:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.hero{position:relative;background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 55%,#3a0d12 100%);color:#fff;padding:88px 0 96px;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 20%,rgba(208,30,44,.25),transparent 60%)}
.hero .container{position:relative;z-index:2}
.hero-badge{display:inline-block;background:rgba(255,255,255,.14);border-radius:16px;padding:5px 14px;font-size:.78rem;margin-bottom:16px}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}
.hero h1 span{color:var(--red)}
.hero p{max-width:640px;color:#bcd0e4;margin:14px 0 26px;font-size:1rem}
.section{padding:56px 0}
.section-title{font-size:1.5rem;color:var(--navy);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.section-title::after{content:'';height:3px;width:56px;background:var(--red);border-radius:2px}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(10,20,40,.16)}
.match-hero{border:2px solid #f4c542;border-radius:var(--r);background:#fff;padding:26px;text-align:center;box-shadow:var(--sh)}
.match-teams{display:flex;align-items:center;justify-content:center;gap:18px;font-family:'Roboto Condensed';font-size:1.35rem;font-weight:700;color:var(--navy)}
.match-teams img{height:44px}
.vs{color:var(--red);font-size:1rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.news-card{padding:20px;display:flex;flex-direction:column;gap:10px}
.news-card .tag{align-self:flex-start;background:#fde8ea;color:var(--red);border-radius:14px;padding:2px 10px;font-size:.72rem;font-weight:700}
.news-card h3{font-size:1rem;text-transform:none}
.news-card a{color:var(--red);font-size:.84rem;font-weight:700;text-decoration:none}
.table-wrap{overflow:auto;border-radius:var(--r);box-shadow:var(--sh);background:#fff}
table.data{width:100%;border-collapse:collapse;font-size:.88rem;background:#fff}
table.data th{background:var(--navy);color:#fff;padding:10px 12px;text-align:left;position:sticky;top:0}
table.data td{padding:9px 12px;border-top:1px solid #eef1f5}
table.data tr:nth-child(even) td{background:#f8fafc}
.stats-band{background:var(--navy);color:#fff;padding:34px 0}
.stats-band .grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;text-align:center}
.stats-band .num{font-family:'Roboto Condensed';font-size:2.2rem;font-weight:800}
.stats-band .lbl{color:#9fb4c9;font-size:.8rem}
.site-footer{background:var(--navy);color:#cfe0f2;padding:44px 0;margin-top:60px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.site-footer h4{color:#fff;margin-bottom:12px;font-size:.95rem}
.site-footer a{color:#9fb4c9;text-decoration:none;font-size:.86rem;line-height:1.9}
@media(max-width:860px){.main-nav{display:none}.hero{padding:56px 0}}
/* v2.84-severstal style */
.hero-slider{position:relative;height:420px;overflow:hidden;background:#0b0b0d}
.hs-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55}
.hs-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,8,.85),rgba(5,5,8,.25))}
.hs-content{position:relative;z-index:2;color:#fff;padding-top:120px}
.hs-badge{display:inline-block;background:#ffe01b;color:#111;font-weight:700;font-size:.72rem;padding:4px 12px;border-radius:3px;letter-spacing:.06em}
.hs-content h1{font-size:clamp(2.4rem,6vw,4rem);color:#fff;margin:14px 0 10px}
.hs-content h1 span{color:#e30613}
.hs-content p{color:#cfd2d6;max-width:640px}
.hs-btns{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.section.dark{background:#101014}
.section-title.light{color:#fff}
.news-carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}
.nc-card{min-width:250px;max-width:250px;background:#17171b;border-radius:10px;overflow:hidden;text-decoration:none}
.nc-img{height:130px;background-size:cover;background-position:center}
.nc-body{padding:10px 12px}
.nc-title{color:#eee;font-size:.82rem;font-weight:600;line-height:1.35;min-height:44px}
.nc-meta{color:#8a8d92;font-size:.7rem;margin-top:8px;display:flex;justify-content:space-between}
.nc-tag{background:#ffe01b;color:#111;border-radius:3px;padding:1px 8px;font-weight:700}
.cal-wrap{max-width:760px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1rem}
.cal-nav{color:#e30613;text-decoration:none;font-weight:700;padding:4px 10px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-day{min-height:64px;border-radius:8px;background:#f2f3f5;padding:6px;position:relative}
.cal-day.empty{background:transparent}
.cal-day.home{background:#ffe01b;color:#111}
.cal-day.away{background:#15151a;color:#fff}
.cal-num{font-size:.72rem;font-weight:700;opacity:.8}
.cal-opp{display:block;font-size:.68rem;margin-top:4px;line-height:1.2}
.cal-score{display:block;font-size:.72rem;font-weight:800;margin-top:2px}
.cal-legend{margin-top:10px;font-size:.72rem;color:#666;display:flex;gap:8px;align-items:center}
.lg{width:12px;height:12px;border-radius:3px;display:inline-block}
.lg.home{background:#ffe01b}.lg.away{background:#15151a}
.lead-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.lead-card{background:#17171b;border-radius:10px;overflow:hidden;text-decoration:none;position:relative}
.lead-photo{height:220px;background-size:cover;background-position:top center}
.lead-info{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lead-pos{color:#ffe01b;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.lead-info b{color:#fff;font-size:.9rem}
.lead-num{color:#8a8d92;font-size:.72rem}
.lead-stat{color:#e30613;font-weight:800;font-size:.85rem;margin-top:4px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.md-card{background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.md-img{height:130px;background-size:cover;background-position:center}
.md-title{padding:10px 12px 0;color:#222;font-size:.8rem;font-weight:600}
.md-meta{padding:6px 12px 12px;color:#8a8d92;font-size:.7rem}
.sponsors{background:#0b0b0d;padding:40px 0}
.sp-row{display:flex;gap:26px;flex-wrap:wrap;align-items:center}
.sp{color:#9a9da2;font-weight:700;letter-spacing:.04em}
.sp.big{color:#ffe01b;font-size:1.4rem}