:root {
	--ink: #111827;
	--muted: #667085;
	--line: #e5e7eb;
	--paper: #ffffff;
	--soft: #f5f7fb;
	--green: #159a74;
	--blue: #2563eb;
	--gold: #f2b84b;
	--red: #e14d43;
	--shadow: 0 18px 50px rgba(17, 24, 39, 0.12);
}


* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: linear-gradient(180deg, #f7fbff 0%, #ffffff 46%, #f6f7f9 100%);
	color: var(--ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

.topbar {
	position: sticky;
	top: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 16px clamp(20px, 5vw, 72px);
	background: rgba(255, 255, 255, 0.86);
	backdrop-filter: blur(18px);
	border-bottom: 1px solid rgba(229, 231, 235, 0.8);
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 800;
	font-size: 18px;
}

.brand-mark {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	color: #fff;
	background: linear-gradient(135deg, var(--green), var(--blue));
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
}

.nav {
	display: flex;
	align-items: center;
	gap: 18px;
	color: #344054;
	font-size: 14px;
	font-weight: 700;
}

.nav a {
	padding: 8px 0;
	border-bottom: 2px solid transparent;
}

.nav a:hover {
	border-color: var(--green);
	color: var(--ink);
}

.hero {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.65fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: center;
	min-height: calc(100vh - 69px);
	padding: clamp(48px, 8vw, 92px) clamp(20px, 5vw, 72px) 42px;
	overflow: hidden;
}

.hero-copy {
	max-width: 740px;
}

.eyebrow {
	margin: 0 0 12px;
	color: var(--green);
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

h1,
h2,
h3,
p {
	margin-top: 0;
}

h1 {
	margin-bottom: 20px;
	font-size: clamp(42px, 6vw, 78px);
	line-height: 0.96;
	letter-spacing: 0;
}

h2 {
	margin-bottom: 14px;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.05;
	letter-spacing: 0;
}

h3 {
	margin-bottom: 8px;
	font-size: 22px;
	letter-spacing: 0;
}

.lead {
	max-width: 620px;
	margin-bottom: 28px;
	color: #475467;
	font-size: 20px;
	line-height: 1.55;
}

.hero-actions,
.footer {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 20px;
	border-radius: 8px;
	font-weight: 900;
	border: 1px solid transparent;
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.button:hover {
	transform: translateY(-1px);
}

.button-primary {
	color: #fff;
	background: var(--green);
	box-shadow: 0 14px 30px rgba(21, 154, 116, 0.24);
}

.button-ghost {
	background: #fff;
	border-color: var(--line);
	box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
}

.hero-panel {
	position: relative;
	min-height: 470px;
	padding: 28px;
	border-radius: 8px;
	background:
		radial-gradient(circle at 25% 20%, rgba(242, 184, 75, 0.24), transparent 28%),
		linear-gradient(145deg, #14213d 0%, #0f766e 54%, #19324c 100%);
	color: #fff;
	box-shadow: var(--shadow);
	overflow: hidden;
}

.hero-panel::before,
.hero-panel::after {
	content: "";
	position: absolute;
	inset: auto;
	border: 1px solid rgba(255, 255, 255, 0.16);
	transform: rotate(-12deg);
}

.hero-panel::before {
	right: -54px;
	top: 54px;
	width: 260px;
	height: 170px;
	border-radius: 8px;
}

.hero-panel::after {
	left: -38px;
	bottom: 96px;
	width: 190px;
	height: 140px;
	border-radius: 8px;
}

.score-orbit {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: min(72vw, 260px);
	aspect-ratio: 1;
	margin: 24px auto 36px;
	border-radius: 50%;
	background:
		conic-gradient(from 20deg, var(--gold), #ffffff, #5eead4, var(--gold)),
		radial-gradient(circle, #0d233d 0 57%, transparent 58%);
	box-shadow: inset 0 0 0 18px rgba(255, 255, 255, 0.1), 0 24px 40px rgba(0, 0, 0, 0.22);
}

.score-orbit span {
	display: grid;
	place-items: center;
	width: 68%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(17, 24, 39, 0.9);
	font-size: 56px;
	font-weight: 950;
}

.metric-grid,
.feature-grid,
.steps {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.metric-grid div,
.feature-grid div,
.steps div {
	padding: 18px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.metric-grid strong,
.feature-grid strong {
	display: block;
	font-size: 22px;
	margin-bottom: 4px;
}

.metric-grid span,
.feature-grid span {
	color: rgba(255, 255, 255, 0.78);
	font-size: 14px;
}

.trust-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin: 0 clamp(20px, 5vw, 72px);
	border: 1px solid var(--line);
	border-radius: 8px;
	overflow: hidden;
	background: var(--line);
	box-shadow: 0 14px 32px rgba(17, 24, 39, 0.06);
}

.trust-strip div {
	padding: 18px;
	background: #fff;
}

.trust-strip strong,
.trust-strip span {
	display: block;
}

.trust-strip span {
	margin-top: 5px;
	color: var(--muted);
	font-size: 14px;
}

.section {
	padding: clamp(60px, 9vw, 110px) clamp(20px, 5vw, 72px);
}

.section-head {
	max-width: 760px;
	margin-bottom: 28px;
}

.section-head p:not(.eyebrow),
.split p,
.faq p {
	color: var(--muted);
	font-size: 18px;
	line-height: 1.65;
}

.bookmaker-list {
	display: grid;
	gap: 16px;
}

.book-card {
	display: grid;
	grid-template-columns: 48px 84px minmax(0, 1fr) 150px;
	gap: 20px;
	align-items: center;
	padding: 22px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--paper);
	box-shadow: 0 12px 34px rgba(17, 24, 39, 0.07);
}

.book-card.featured {
	border-color: rgba(21, 154, 116, 0.32);
	box-shadow: 0 22px 54px rgba(21, 154, 116, 0.14);
}

.rank {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	font-weight: 950;
	background: #f2f4f7;
}

.book-logo {
	display: grid;
	place-items: center;
	width: 76px;
	aspect-ratio: 1;
	border-radius: 8px;
	color: #fff;
	font-size: 24px;
	font-weight: 950;
}

.book-logo.kz { background: linear-gradient(135deg, #0f9f6e, #2563eb); }
.book-logo.vv { background: linear-gradient(135deg, #e14d43, #f2b84b); }
.book-logo.bt { background: linear-gradient(135deg, #111827, #2563eb); }
.book-logo.ls { background: linear-gradient(135deg, #5b21b6, #159a74); }

.book-main p {
	margin-bottom: 12px;
	color: var(--muted);
	line-height: 1.55;
}

.book-main ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.book-main li {
	padding: 7px 10px;
	border-radius: 8px;
	background: var(--soft);
	color: #344054;
	font-size: 13px;
	font-weight: 800;
}

.book-side {
	display: grid;
	justify-items: end;
	gap: 12px;
}

.rating {
	text-align: right;
	font-weight: 900;
}

.rating span {
	font-size: 34px;
}

.rating small {
	color: var(--muted);
}

.split {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(360px, 1fr);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
	background: #101828;
	color: #fff;
}

.split p {
	color: rgba(255, 255, 255, 0.72);
}

.text-link {
	display: inline-flex;
	margin-top: 6px;
	color: #6ee7b7;
	font-weight: 900;
}

.feature-grid div {
	background: rgba(255, 255, 255, 0.08);
}

.steps {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.steps div {
	background: #fff;
	border-color: var(--line);
	box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06);
}

.steps span {
	display: inline-flex;
	margin-bottom: 18px;
	color: var(--green);
	font-weight: 950;
}

.steps p {
	margin: 0;
	color: var(--muted);
	line-height: 1.6;
}

.faq {
	background: var(--soft);
}

details {
	padding: 20px 22px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

details + details {
	margin-top: 12px;
}

summary {
	cursor: pointer;
	font-size: 18px;
	font-weight: 900;
}

details p {
	margin: 14px 0 0;
}

.footer {
	justify-content: space-between;
	padding: 28px clamp(20px, 5vw, 72px);
	background: #fff;
	border-top: 1px solid var(--line);
}

.footer p {
	margin: 6px 0 0;
	color: var(--muted);
}

@media (max-width: 980px) {
	.hero,
	.split {
		grid-template-columns: 1fr;
	}

	.hero {
		min-height: auto;
	}

	.trust-strip,
	.steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.book-card {
		grid-template-columns: 42px 70px minmax(0, 1fr);
	}

	.book-side {
		grid-column: 2 / -1;
		grid-template-columns: 1fr auto;
		align-items: center;
		justify-items: start;
	}

	.rating {
		text-align: left;
	}
}

@media (max-width: 720px) {
	.topbar {
		position: static;
		align-items: flex-start;
		flex-direction: column;
	}

	.nav {
		width: 100%;
		overflow-x: auto;
		padding-bottom: 4px;
	}

	h1 {
		font-size: 42px;
	}

	.hero-panel {
		min-height: 420px;
	}

	.trust-strip,
	.metric-grid,
	.feature-grid,
	.steps {
		grid-template-columns: 1fr;
	}

	.book-card {
		grid-template-columns: 42px minmax(0, 1fr);
		align-items: start;
	}

	.book-logo {
		grid-column: 2;
		grid-row: 1;
		width: 64px;
	}

	.book-main,
	.book-side {
		grid-column: 1 / -1;
	}

	.book-side {
		grid-template-columns: 1fr;
	}

	.book-side .button {
		width: 100%;
	}

	.footer {
		align-items: flex-start;
		flex-direction: column;
	}
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px clamp(20px, 5vw, 72px);
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid var(--line);
	backdrop-filter: blur(18px);
}

.hero-rating {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
	min-height: 610px;
}

.hero-card,
.side-card {
	padding: 26px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: var(--shadow);
}

.hero-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 34px;
}

.hero-card-top span {
	color: var(--green);
	font-size: 13px;
	font-weight: 950;
	text-transform: uppercase;
}

.hero-card-top strong {
	display: grid;
	place-items: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: #101828;
	color: #fff;
	font-size: 28px;
}

.hero-card h2 {
	font-size: 34px;
}

.hero-card p,
.section-title p:not(.eyebrow),
.info-card p,
.bonus-card p,
.prose p,
.prose li {
	color: var(--muted);
	line-height: 1.65;
}

.quick-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin: 0 clamp(20px, 5vw, 72px);
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--line);
	overflow: hidden;
	box-shadow: 0 16px 38px rgba(17, 24, 39, 0.07);
}

.quick-stats div {
	padding: 22px;
	background: #fff;
}

.quick-stats strong {
	display: block;
	font-size: 30px;
}

.quick-stats span {
	color: var(--muted);
}

.section-title {
	max-width: 820px;
	margin-bottom: 28px;
}

.rating-table {
	border: 1px solid var(--line);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 18px 48px rgba(17, 24, 39, 0.08);
}

.rating-row {
	display: grid;
	grid-template-columns: 72px minmax(210px, 1.15fr) minmax(110px, 0.7fr) minmax(100px, 0.6fr) 82px 118px;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-top: 1px solid var(--line);
}

.rating-row:first-child {
	border-top: 0;
}

.rating-head {
	background: #f8fafc;
	color: #475467;
	font-size: 13px;
	font-weight: 950;
	text-transform: uppercase;
}

.place,
.score {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	font-weight: 950;
}

.place {
	background: #eef8f4;
	color: var(--green);
}

.score {
	background: #101828;
	color: #fff;
}

.operator {
	display: grid;
	gap: 3px;
}

.operator b {
	font-size: 18px;
}

.operator small {
	color: var(--muted);
}

.content-grid,
.bonus-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.info-card,
.bonus-card {
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(17, 24, 39, 0.06);
}

.bonus-card span {
	color: var(--green);
	font-weight: 950;
	text-transform: uppercase;
	font-size: 13px;
}

.bonus-card h2 {
	margin-top: 12px;
	font-size: 30px;
}

.page-hero,
.review-hero {
	padding: clamp(54px, 8vw, 94px) clamp(20px, 5vw, 72px);
	background:
		linear-gradient(135deg, rgba(21, 154, 116, 0.08), rgba(37, 99, 235, 0.08)),
		#fff;
	border-bottom: 1px solid var(--line);
}

.page-hero h1 {
	max-width: 980px;
}

.casino-hero {
	background:
		linear-gradient(135deg, rgba(225, 77, 67, 0.08), rgba(242, 184, 75, 0.12)),
		#fff;
}

.prose {
	max-width: 960px;
}

.review-layout .section {
	padding-top: 42px;
}

.review-hero {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) 190px;
	align-items: center;
	gap: 24px;
}

.review-score {
	display: grid;
	justify-items: end;
	gap: 10px;
}

.review-score strong {
	font-size: 48px;
	line-height: 1;
}

.review-score span {
	color: var(--muted);
	font-weight: 900;
}

.review-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 24px;
	align-items: start;
}

.side-card {
	position: sticky;
	top: 92px;
}

.footer nav {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	color: #475467;
	font-weight: 800;
}

@media (max-width: 980px) {
	.site-header,
	.hero-rating,
	.review-grid,
	.review-hero {
		grid-template-columns: 1fr;
	}

	.hero-rating {
		min-height: auto;
	}

	.quick-stats,
	.content-grid,
	.bonus-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rating-row {
		grid-template-columns: 52px minmax(180px, 1fr) 86px;
	}

	.rating-head {
		display: none;
	}

	.rating-row > span:nth-child(3),
	.rating-row > span:nth-child(4) {
		display: none;
	}

	.review-score {
		justify-items: start;
	}
}

@media (max-width: 720px) {
	.site-header {
		position: static;
		align-items: flex-start;
		flex-direction: column;
	}

	.quick-stats,
	.content-grid,
	.bonus-grid {
		grid-template-columns: 1fr;
	}

	.rating-row {
		grid-template-columns: 44px minmax(0, 1fr);
		align-items: start;
	}

	.rating-row .score,
	.rating-row .button {
		grid-column: 2;
	}

	.rating-row .button {
		width: 100%;
	}

	.review-hero .book-logo {
		grid-column: auto;
		grid-row: auto;
	}
}

/* Rating site v2 */
body[data-page] { background:#f4f7f8; color:#17212b; font-family:Arial,Helvetica,sans-serif; }
.rating-header { position:sticky; top:0; z-index:50; display:grid; grid-template-columns:220px 1fr auto; align-items:center; min-height:72px; padding:0 max(28px,calc((100vw - 1240px)/2)); background:#fff; border-bottom:1px solid #dbe3e6; }
.rating-brand { display:inline-flex; align-items:center; gap:7px; width:max-content; color:#17212b; font-size:22px; font-weight:900; letter-spacing:0; }
.rating-brand>span { padding:8px 7px; border-radius:5px; color:#fff; background:#df2d3f; font-size:12px; }
.rating-brand b span { color:#df2d3f; }
.rating-header nav { display:flex; justify-content:center; gap:30px; height:72px; }
.rating-header nav a { display:flex; align-items:center; border-bottom:3px solid transparent; color:#52616d; font-size:14px; font-weight:700; }
.rating-header nav a:hover,.rating-header nav a.active { color:#17212b; border-color:#df2d3f; }
.header-cta,.primary-action,.secondary-action { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:6px; font-size:14px; font-weight:800; }
.header-cta,.primary-action { color:#fff; background:#df2d3f; box-shadow:0 8px 20px rgba(223,45,63,.16); }
.header-cta:hover,.primary-action:hover { background:#c91d31; transform:translateY(-1px); }
.secondary-action { color:#17212b; background:#fff; border:1px solid #cdd7db; }
.rating-hero { display:grid; grid-template-columns:minmax(0,1.35fr) 380px; gap:72px; align-items:center; max-width:1240px; min-height:570px; margin:auto; padding:72px 0 58px; }
.rating-hero>div { max-width:760px; }
.kicker { margin:0 0 14px; color:#df2d3f; font-size:12px; font-weight:900; text-transform:uppercase; }
.rating-hero h1,.inner-hero h1,.review-hero h1 { margin:0 0 22px; max-width:850px; font-size:64px; line-height:1.01; }
.rating-hero>div>p:not(.kicker),.inner-hero>p:last-child,.review-hero>div>p { color:#5c6872; font-size:19px; line-height:1.65; }
.hero-buttons { display:flex; gap:12px; margin-top:28px; }
.trust-line { display:flex; gap:34px; margin-top:44px; color:#66737d; font-size:12px; text-transform:uppercase; }
.trust-line span { display:grid; gap:4px; }
.trust-line b { color:#17212b; font-size:23px; }
.rating-hero aside { position:relative; padding:32px; border-radius:8px; color:#fff; background:#17212b; box-shadow:0 25px 65px rgba(23,33,43,.18); overflow:hidden; }
.rating-hero aside:before { content:""; position:absolute; top:0; right:0; width:90px; height:8px; background:#df2d3f; }
.pick-label { color:#aebbc5; font-size:12px; font-weight:800; text-transform:uppercase; }
.pick-logo { margin:50px 0 22px; color:#fff; font-size:42px; font-weight:900; }
.pick-score { font-size:54px; font-weight:900; }
.pick-score span { color:#aebbc5; font-size:20px; }
.rating-hero aside p { color:#cbd5db; line-height:1.5; }
.rating-hero aside .primary-action { width:100%; margin-top:14px; }
.rating-section { max-width:1240px; margin:auto; padding:64px 0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:24px; }
.section-heading h2,.article-copy>h2 { margin:0; font-size:38px; }
.section-heading>p { max-width:460px; margin:0; color:#66737d; line-height:1.5; }
.book-list { display:grid; gap:10px; }
.book-row { display:grid; grid-template-columns:44px 170px 110px 170px minmax(210px,1fr) 118px; align-items:center; gap:18px; min-height:116px; padding:18px 20px; border:1px solid #dce4e7; border-radius:7px; background:#fff; box-shadow:0 5px 18px rgba(26,42,50,.04); }
.book-row:first-child { border-color:#e3a7ae; box-shadow:inset 4px 0 #df2d3f,0 10px 28px rgba(26,42,50,.08); }
.rank { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#66737d; background:#edf1f2; font-weight:900; }
.book-row:first-child .rank { color:#fff; background:#df2d3f; }
.book-logo { display:flex; align-items:center; min-height:48px; color:#17212b; font-size:20px; font-weight:900; }
.book-score,.book-bonus { display:grid; gap:2px; }
.book-score strong { font-size:25px; }
.book-score span { color:#efad25; font-size:12px; letter-spacing:0; }
.book-score small,.book-bonus small { color:#86929a; font-size:11px; }
.book-bonus strong { color:#df2d3f; font-size:20px; }
.book-row ul,.review-hero ul { display:grid; gap:5px; margin:0; padding:0; list-style:none; color:#4d5a64; font-size:13px; }
.book-row li:before,.review-hero li:before { content:"✓"; margin-right:7px; color:#188765; font-weight:900; }
.book-actions { display:grid; gap:8px; text-align:center; font-size:13px; font-weight:700; }
.book-actions .primary-action { min-height:40px; }
.book-actions>a:last-child { color:#5f6c76; text-decoration:underline; }
.editorial-band { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; padding:70px max(28px,calc((100vw - 1240px)/2)); color:#fff; background:#17212b; }
.editorial-band h2 { font-size:40px; }
.editorial-band p { color:#bdc7cd; line-height:1.65; }
.criteria-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.criteria-grid span { display:flex; align-items:center; gap:14px; min-height:64px; padding:14px; border:1px solid #394652; border-radius:6px; background:#202d37; font-weight:700; }
.criteria-grid b { color:#e45c69; }
.article-copy { font-size:16px; line-height:1.75; }
.article-copy p { color:#56636d; }
.copy-columns { display:grid; grid-template-columns:1fr 1fr; gap:42px; margin:34px 0; }
.copy-columns>div { padding-top:22px; border-top:3px solid #df2d3f; }
.responsible { display:flex; align-items:center; gap:28px; max-width:1240px; margin:0 auto 70px; padding:28px 34px; border-radius:7px; color:#fff; background:#254f46; }
.responsible>b { font-size:38px; }
.responsible h2,.responsible p { margin:0; }
.responsible p { margin-top:6px; color:#c7ddd7; }
.rating-footer { display:grid; grid-template-columns:1.3fr .7fr 1fr; gap:70px; padding:50px max(28px,calc((100vw - 1240px)/2)); border-top:1px solid #dae2e5; background:#fff; }
.rating-footer>div { display:grid; align-content:start; gap:9px; }
.rating-footer p,.rating-footer a:not(.rating-brand) { margin:0; color:#68757f; font-size:13px; line-height:1.55; }
.inner-hero { padding:82px max(28px,calc((100vw - 1240px)/2)); color:#fff; background:#17212b; }
.inner-hero h1 { font-size:56px; }
.inner-hero>p:last-child { max-width:700px; color:#c1cbd1; }
.method-grid,.news-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:26px 0 64px; }
.method-grid article,.news-grid article { padding:24px; border:1px solid #dbe3e6; border-radius:7px; background:#fff; }
.method-grid article>span,.news-grid article>span { color:#df2d3f; font-size:12px; font-weight:900; }
.method-grid h3 { margin-top:18px; }
.method-grid p,.news-grid p { color:#65717b; font-size:14px; line-height:1.55; }
.news-grid { grid-template-columns:repeat(3,1fr); }
.news-grid article { min-height:230px; }
.news-grid h2 { margin:30px 0 12px; font-size:23px; }
.news-grid a { color:#df2d3f; font-size:13px; font-weight:800; }
.about-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:70px; }
.about-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-content:start; }
.about-facts span { display:grid; gap:6px; padding:22px; border-radius:7px; color:#66737d; background:#fff; border:1px solid #dbe3e6; }
.about-facts b { color:#17212b; font-size:34px; }
.review-hero { display:grid; grid-template-columns:1fr 390px; gap:80px; padding:70px max(28px,calc((100vw - 1240px)/2)); color:#fff; background:#17212b; }
.review-hero .book-logo { margin:32px 0 20px; color:#fff; font-size:30px; }
.back-link { color:#b8c3ca; font-size:13px; }
.review-score { display:flex; align-items:center; gap:12px; }
.review-score strong { font-size:40px; }.review-score span { color:#efad25; }.review-score small { color:#aebac1; }
.review-hero aside { display:grid; align-content:center; gap:18px; padding:30px; border-radius:7px; color:#17212b; background:#fff; }
.review-hero aside>small { color:#6f7c85; }.review-hero aside>strong { color:#df2d3f; font-size:34px; }
.facts-table { display:grid; grid-template-columns:1fr 1fr; border:1px solid #dbe3e6; border-radius:7px; background:#fff; overflow:hidden; }
.facts-table div { display:grid; grid-template-columns:180px 1fr; gap:18px; padding:18px 22px; border-bottom:1px solid #e3e9eb; }
.facts-table div:nth-child(odd) { border-right:1px solid #e3e9eb; }.facts-table div:nth-last-child(-n+2) { border-bottom:0; }
.facts-table span { color:#73808a; font-size:13px; }.facts-table b { font-size:14px; }
.review-content { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:70px; padding-top:20px; }
.review-content article { font-size:16px; line-height:1.75; }.review-content article p { color:#56636d; }.review-content article h2 { margin-top:34px; }
.sticky-offer { position:sticky; top:100px; display:grid; align-content:start; gap:12px; height:max-content; padding:24px; border-radius:7px; color:#fff; background:#254f46; }
.sticky-offer strong { font-size:36px; }.sticky-offer small { color:#c8ddd8; }
@media(max-width:1000px){.rating-header{grid-template-columns:1fr auto}.rating-header nav{display:none}.rating-hero,.review-hero{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.rating-hero{gap:30px}.rating-section{padding-left:20px;padding-right:20px}.book-row{grid-template-columns:40px 1fr 110px 130px}.book-row ul{display:none}.book-actions{grid-column:4}.method-grid{grid-template-columns:1fr 1fr}.editorial-band{grid-template-columns:1fr}.about-layout,.review-content{grid-template-columns:1fr}}
@media(max-width:650px){.header-cta{display:none}.rating-header{min-height:60px;padding:0 16px}.rating-hero h1,.inner-hero h1,.review-hero h1{font-size:39px}.rating-hero{min-height:auto;padding-top:48px}.trust-line{gap:18px}.section-heading{display:block}.book-row{grid-template-columns:34px 1fr 92px;padding:14px;gap:10px}.book-bonus{grid-column:2}.book-actions{grid-column:3;grid-row:1/3}.book-score small{display:none}.editorial-band{padding:50px 20px}.criteria-grid,.copy-columns,.news-grid,.about-facts,.facts-table,.rating-footer{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.facts-table div{border-right:0!important}.rating-footer{gap:30px}.review-content{gap:20px}.sticky-offer{position:static}}

/* Dark edition */
body[data-page] { background:#080a0c; color:#f4f6f7; }
body[data-page]::selection { color:#080a0c; background:#b7ff3c; }
.rating-header { min-height:76px; background:rgba(10,12,14,.96); border-color:#24282c; box-shadow:0 12px 34px rgba(0,0,0,.3); }
.rating-brand { color:#fff; }
.rating-brand>span { color:#0a0c0e; background:#b7ff3c; }
.rating-brand b span { color:#ef334d; }
.rating-header nav { height:76px; }
.rating-header nav a { color:#91999f; }
.rating-header nav a:hover,.rating-header nav a.active { color:#fff; border-color:#b7ff3c; }
.header-cta,.primary-action { color:#fff; background:#ef334d; box-shadow:0 12px 28px rgba(239,51,77,.2); }
.header-cta:hover,.primary-action:hover { background:#ff4960; box-shadow:0 14px 34px rgba(239,51,77,.32); }
.secondary-action { color:#fff; background:#14181b; border-color:#363c41; }
.rating-hero { position:relative; max-width:none; min-height:680px; padding:90px max(28px,calc((100vw - 1240px)/2)); background:#0b0d0f url('/test-hero-stadium.png') center/cover no-repeat; isolation:isolate; }
.rating-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:rgba(5,7,9,.38); box-shadow:inset 640px 0 220px rgba(5,7,9,.86),inset 0 -130px 110px #080a0c; }
.rating-hero>div { max-width:720px; }
.kicker { color:#b7ff3c; }
.rating-hero h1,.inner-hero h1,.review-hero h1 { color:#fff; }
.rating-hero h1 { font-size:72px; text-shadow:0 8px 30px rgba(0,0,0,.5); }
.rating-hero>div>p:not(.kicker),.inner-hero>p:last-child,.review-hero>div>p { color:#c1c7cb; }
.trust-line { color:#838c92; }
.trust-line b { color:#fff; }
.rating-hero aside { border:1px solid rgba(255,255,255,.13); background:rgba(14,17,20,.9); box-shadow:0 30px 80px rgba(0,0,0,.46); backdrop-filter:blur(16px); }
.rating-hero aside::before { height:3px; background:#b7ff3c; }
.pick-label { color:#b7ff3c; }
.pick-logo { color:#fff; }
.rating-section { color:#f4f6f7; }
.section-heading>p,.article-copy p { color:#939da3; }
.book-row { border-color:#252a2e; background:#101316; box-shadow:0 8px 28px rgba(0,0,0,.22); transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.book-row:hover { z-index:2; transform:translateY(-2px); border-color:#4a5258; background:#15191d; }
.book-row:first-child { border-color:#555e64; background:#15191d; box-shadow:inset 4px 0 #b7ff3c,0 18px 42px rgba(0,0,0,.3); }
.rank { color:#9ca5aa; background:#24292d; }
.book-row:first-child .rank { color:#090b0d; background:#b7ff3c; }
.book-logo { color:#fff; }
.book-score strong { color:#fff; }
.book-score span { color:#ffbd36; }
.book-score small,.book-bonus small { color:#737d83; }
.book-bonus strong { color:#b7ff3c; }
.book-row ul { color:#aeb6bb; }
.book-row li::before,.review-hero li::before { color:#b7ff3c; }
.book-actions>a:last-child { color:#aab2b7; }
.editorial-band { border-top:1px solid #252a2e; border-bottom:1px solid #252a2e; background:#0e1113; }
.editorial-band p { color:#929ca2; }
.criteria-grid span { border-color:#2c3236; background:#161a1d; }
.criteria-grid span:hover { border-color:#b7ff3c; }
.criteria-grid b { color:#b7ff3c; }
.copy-columns>div { border-color:#ef334d; }
.responsible { border:1px solid #364f45; background:#12211c; }
.responsible>b { color:#b7ff3c; }
.rating-footer { border-color:#252a2e; background:#0d1012; }
.rating-footer p,.rating-footer a:not(.rating-brand) { color:#818b91; }
.rating-footer strong { color:#fff; }
.inner-hero,.review-hero { border-bottom:1px solid #272c30; background:#101316; }
.inner-hero { position:relative; overflow:hidden; }
.inner-hero::after { content:""; position:absolute; right:8%; bottom:-80px; width:280px; height:280px; border:40px solid #ef334d; border-radius:50%; opacity:.08; }
.method-grid article,.news-grid article { border-color:#272c30; background:#111519; box-shadow:0 12px 30px rgba(0,0,0,.18); }
.method-grid article:hover,.news-grid article:hover { border-color:#4b545a; background:#171b1f; }
.method-grid article>span,.news-grid article>span,.news-grid a { color:#b7ff3c; }
.method-grid p,.news-grid p { color:#919ba1; }
.about-facts span { color:#8d979d; border-color:#282e32; background:#121619; }
.about-facts b { color:#b7ff3c; }
.review-hero aside { color:#fff; border:1px solid #343b40; background:#171b1f; box-shadow:0 25px 60px rgba(0,0,0,.3); }
.review-hero aside>small { color:#939da3; }
.review-hero aside>strong { color:#b7ff3c; }
.back-link { color:#b7ff3c; }
.facts-table { border-color:#292f33; background:#111519; }
.facts-table div { border-color:#292f33; }
.facts-table span { color:#7f8990; }
.facts-table b { color:#f3f5f6; }
.review-content article p { color:#929ca2; }
.sticky-offer { border:1px solid #37413d; background:#14201c; }
.sticky-offer strong { color:#b7ff3c; }
@media(max-width:1000px){.rating-hero{padding-left:24px;padding-right:24px}.rating-hero::before{box-shadow:inset 260px 0 160px rgba(5,7,9,.8),inset 0 -100px 90px #080a0c}}
@media(max-width:650px){.rating-hero{min-height:auto;background-position:62% center}.rating-hero::before{background:rgba(5,7,9,.6);box-shadow:inset 0 -90px 80px #080a0c}.rating-hero h1{font-size:42px}.rating-hero aside{padding:24px}.book-row{background:#111519}.book-row:first-child{background:#151a1d}}

@font-face { font-family:Manrope; src:url('/manrope-400.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:Manrope; src:url('/manrope-500.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:Manrope; src:url('/manrope-600.ttf') format('truetype'); font-weight:600; font-display:swap; }
@font-face { font-family:Manrope; src:url('/manrope-700.ttf') format('truetype'); font-weight:700; font-display:swap; }
@font-face { font-family:Manrope; src:url('/manrope-800.ttf') format('truetype'); font-weight:800; font-display:swap; }
body[data-page] { font-family:Manrope,Arial,sans-serif; }
.rating-header { min-height:70px; }
.rating-header nav { height:70px; }
.rating-brand { font-size:20px; }
.rating-hero { min-height:610px; padding-top:68px; padding-bottom:54px; }
.rating-hero>div { max-width:680px; }
.rating-hero h1 { max-width:680px; margin-bottom:18px; font-size:58px; line-height:1.04; font-weight:800; }
.rating-hero>div>p:not(.kicker) { max-width:650px; font-size:17px; line-height:1.65; }
.rating-hero aside { padding:28px; }
.pick-logo { margin:38px 0 16px; font-size:36px; }
.pick-score { font-size:48px; }
.trust-line { margin-top:34px; }
.rating-section { padding-top:54px; padding-bottom:54px; }
.section-heading h2,.article-copy>h2 { font-size:34px; }
.book-row { min-height:104px; padding-top:15px; padding-bottom:15px; }
.book-logo { font-size:18px; }
.book-score strong { font-size:23px; }
.book-bonus strong { font-size:18px; }
.inner-hero { padding-top:68px; padding-bottom:68px; }
.inner-hero h1,.review-hero h1 { font-size:48px; line-height:1.08; }
.inner-hero>p:last-child,.review-hero>div>p { font-size:17px; }
.editorial-band h2 { font-size:36px; }
@media(max-width:650px){.rating-hero h1{font-size:38px;line-height:1.08}.rating-hero>div>p:not(.kicker){font-size:15px}.inner-hero h1,.review-hero h1{font-size:36px}}

.rating-header nav a { gap:7px; }
.rating-header nav svg { width:15px; height:15px; }
.header-cta,.book-actions .primary-action { gap:7px; }
.header-cta svg,.book-actions .primary-action svg { width:16px; height:16px; }
.book-metrics { display:grid; gap:7px; }
.book-metrics>div { display:grid; gap:4px; }
.book-metrics span { display:grid; grid-template-columns:14px 1fr auto; align-items:center; gap:6px; color:#8f999f; font-size:10px; font-weight:700; }
.book-metrics span svg { width:13px; height:13px; color:#b7ff3c; }
.book-metrics span b { color:#c7cdd1; font-size:10px; }
.book-metrics em { position:relative; display:block; height:3px; border-radius:2px; background:#2b3034; overflow:hidden; }
.book-metrics em i { position:absolute; inset:0 auto 0 0; border-radius:2px; background:#b7ff3c; box-shadow:0 0 12px rgba(183,255,60,.36); }
.book-row:first-child .book-metrics em i { background:#ef334d; box-shadow:0 0 12px rgba(239,51,77,.4); }
.book-row:first-child .book-metrics span svg { color:#ef334d; }
#top { scroll-margin-top:90px; }
@media(max-width:1000px){.book-metrics{display:none}}

.book-row .book-logo { justify-content:center; width:160px; height:58px; min-height:58px; padding:8px 12px; border:1px solid #3b4247; border-radius:6px; background:#202428; overflow:hidden; }
.book-logo img { display:block; max-width:100%; max-height:42px; width:auto; height:auto; object-fit:contain; }
.logo-liga-stavok img,.logo-baltbet img,.logo-zenit img { max-height:48px; }
.pick-logo { display:flex; align-items:center; width:220px; height:70px; margin-top:30px; margin-bottom:14px; padding:10px 14px; border:1px solid #3b4247; border-radius:6px; background:#202428; }
.pick-logo img { max-width:100%; max-height:50px; object-fit:contain; }
.review-book-logo { justify-content:center; width:220px; height:74px; padding:10px 16px; border:1px solid #3b4247; border-radius:6px; background:#202428; }
.review-book-logo img { max-width:100%; max-height:54px; object-fit:contain; }
@media(max-width:650px){.book-row .book-logo{width:100%;max-width:150px}.pick-logo,.review-book-logo{width:190px}}