@font-face { font-family:"Vodka Sans"; src:url("/assets/vodka-sans-regular.woff") format("woff"); font-weight:400; font-display:swap; }
@font-face { font-family:"Vodka Sans"; src:url("/assets/vodka-sans-bold.woff") format("woff"); font-weight:700 900; font-display:swap; }
:root { color-scheme:dark; --bg:#06101f; --bg-deep:#030914; --panel:#0a1a30; --panel2:#102644; --line:#1a3b62; --line-bright:#246baa; --text:#f7fbff; --muted:#94abc4; --blue:#11aaff; --blue2:#1769ff; --cyan:#43d6ff; --ice:#dff7ff; --gold:#ffc345; --danger:#ff5a7c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; background:radial-gradient(circle at 18% -10%,rgba(23,115,213,.24),transparent 31%),radial-gradient(circle at 90% 22%,rgba(16,78,155,.14),transparent 27%),var(--bg); color:var(--text); font-family:"Vodka Sans","Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.65; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.18; background:url("/assets/surface-blur.webp") center/cover no-repeat; }
body, a, button, summary { -webkit-tap-highlight-color:transparent; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
p, h1, h2, h3, li, th, td, a, span { overflow-wrap:break-word; word-break:normal; hyphens:none; }
h1,h2,h3,strong,.button,.eyebrow { font-family:"Vodka Sans","Segoe UI",Arial,sans-serif; font-weight:800; }
.shell { width:min(1320px,calc(100% - 56px)); margin-inline:auto; }
.topbar { position:-webkit-sticky; position:sticky; top:0; z-index:1000; border-bottom:1px solid rgba(93,165,237,.18); background:rgba(4,12,25,.92); -webkit-backdrop-filter:blur(22px) saturate(145%); backdrop-filter:blur(22px) saturate(145%); box-shadow:0 12px 34px rgba(0,0,0,.22); }
.header-row { height:80px; display:flex; align-items:center; gap:28px; }
.brand { width:154px; flex:none; }
.brand img { width:154px; height:auto; }
.desktop-nav { display:flex; align-items:center; gap:20px; margin-inline:auto; }
.desktop-nav a { position:relative; color:#98afc8; font-size:13px; font-weight:700; transition:.2s; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:0; bottom:-11px; height:2px; border-radius:4px; background:linear-gradient(90deg,var(--cyan),var(--blue2)); transform:scaleX(0); transition:.2s; }
.desktop-nav a:hover,.desktop-nav a.active { color:white; }
.desktop-nav a:hover::after,.desktop-nav a.active::after { transform:scaleX(1); }
.header-actions { display:flex; align-items:center; gap:8px; }
.button { position:relative; isolation:isolate; overflow:hidden; min-height:42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; border-radius:12px; padding:10px 18px; font-size:13px; font-weight:800; letter-spacing:.01em; line-height:1; transition:transform .22s,box-shadow .22s,background .22s,border-color .22s,filter .22s; cursor:pointer; }
.button:hover { transform:translateY(-2px) scale(1.015); filter:saturate(1.05); }
.button-primary { position:relative; overflow:hidden; color:white; background:linear-gradient(120deg,#2bc8ff 0%,#168dfc 42%,#2458f5 100%); background-size:200% 200%; animation:primaryShift 6s ease-in-out infinite; box-shadow:0 11px 28px rgba(15,129,255,.3),inset 0 1px rgba(255,255,255,.3); }
.button-primary::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.2) 46%,transparent 64%); transform:translateX(-120%); transition:.55s; }
.button-primary:hover::before { transform:translateX(120%); }
.button-ghost { color:#eaf5ff; border-color:#28527e; background:linear-gradient(145deg,#0d213c,#09182d); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.button-ghost::before { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(120deg,transparent 15%,rgba(90,197,255,.12) 48%,transparent 82%); transform:translateX(-120%); transition:opacity .2s, transform .6s; }
.button-ghost:hover::before { opacity:1; transform:translateX(120%); }
.button-ghost:hover { border-color:#3e83bc; background:#112b4a; box-shadow:0 10px 24px rgba(0,0,0,.18); }
@keyframes primaryShift { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
.button-large { min-height:52px; padding-inline:24px; border-radius:15px; }
.mobile-menu { display:none; position:relative; }
.mobile-menu summary { width:40px; height:40px; padding:11px; border:1px solid #27466b; border-radius:12px; background:#0b1a30; list-style:none; cursor:pointer; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu summary span { height:2px; display:block; margin:3px 0; border-radius:3px; background:#fff; }
.mobile-menu nav { position:absolute; right:0; top:49px; width:210px; padding:10px; display:grid; border:1px solid #27466b; border-radius:16px; background:#09162b; box-shadow:0 20px 60px #0009; }
.mobile-menu nav a { padding:10px 12px; border-radius:9px; color:#c4d7eb; font-weight:750; }
.mobile-menu nav a:hover { background:#112949; color:white; }

.hero { overflow:hidden; border-bottom:1px solid rgba(71,153,255,.12); }
.hero-home { min-height:auto; padding:30px 0 46px; background:linear-gradient(180deg,rgba(8,23,44,.68),rgba(5,13,27,.18)); }
.hero-inner { min-height:390px; background:radial-gradient(circle at 88% 15%,rgba(29,164,255,.25),transparent 31%),linear-gradient(135deg,#08152a,#0c203b); }
.hero-layout { position:relative; min-height:inherit; display:flex; align-items:center; }
.hero-home .hero-layout { min-height:490px; padding-inline:48px; overflow:hidden; border:1px solid rgba(59,155,243,.32); border-radius:30px; background:linear-gradient(90deg,rgba(3,11,26,.99) 0%,rgba(4,16,37,.94) 42%,rgba(6,22,41,.3) 69%,rgba(5,18,36,.15) 100%),url("/assets/hero-beach.webp") center/cover no-repeat; box-shadow:0 32px 80px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.09); }
.hero-home .hero-layout::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,transparent,#1fd0ff 30%,#2865ff 72%,transparent); opacity:.75; }
.hero-copy { position:relative; z-index:2; width:min(720px,58%); padding:58px 0 54px; }
.hero-copy .trust-line { position:relative; z-index:3; }
.eyebrow { display:block; color:var(--cyan); font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.hero h1 { max-width:820px; margin:15px 0 18px; font-size:clamp(42px,5vw,72px); font-weight:800; line-height:.98; letter-spacing:-.045em; text-wrap:balance; text-shadow:0 8px 28px rgba(0,0,0,.35); }
.hero-inner h1 { font-size:clamp(40px,5vw,66px); }
.hero-copy > p { max-width:690px; margin:0; color:#b8cce1; font-size:18px; line-height:1.62; }
.hero-offer { width:max-content; max-width:100%; display:flex; align-items:center; gap:11px; margin-top:20px; padding:9px 13px; border:1px solid rgba(74,231,153,.38); border-radius:12px; color:#dfffee; background:rgba(8,52,45,.76); box-shadow:inset 0 1px rgba(255,255,255,.08); backdrop-filter:blur(9px); }
.hero-offer strong { color:#4ee99b; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.hero-offer span { color:#b9d8cc; font-size:11px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.trust-line { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:25px; color:#88a2bf; font-size:12px; font-weight:720; }
.trust-line span:first-child { color:#fff; background:#ec335e; border-radius:6px; padding:1px 7px; }
.hero-character { position:absolute; z-index:1; right:6%; bottom:-88px; width:min(29vw,400px); height:auto; object-fit:contain; filter:drop-shadow(0 30px 34px rgba(0,0,0,.58)); }

.info-strip { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); margin-top:-72px; border:1px solid #24537f; border-radius:17px; overflow:hidden; background:rgba(9,27,51,.94); box-shadow:0 22px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(16px); }
.info-strip div { padding:17px 22px; border-right:1px solid #1d3e66; }
.info-strip div:last-child { border:0; }
.info-strip span { display:block; color:#7997b8; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.info-strip strong { display:block; margin-top:2px; color:white; font-size:14px; }
.section { padding-block:88px; }
.section-blue { position:relative; background:linear-gradient(180deg,rgba(13,38,72,.92),rgba(6,18,36,.66)); border-block:1px solid rgba(62,130,204,.2); box-shadow:inset 0 30px 90px rgba(16,94,180,.08); }
.section-head { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); align-items:end; gap:44px; margin-bottom:32px; }
.section-head h2 { margin:9px 0 0; font-size:clamp(34px,4vw,52px); font-weight:800; line-height:1.03; letter-spacing:-.035em; text-wrap:balance; }
.section-head > p { margin:0; color:var(--muted); font-size:15px; line-height:1.6; }
.step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.step-grid.four { grid-template-columns:repeat(4,1fr); }
.step-grid article,.action-grid article { position:relative; min-height:275px; padding:28px; overflow:hidden; border:1px solid #1d456e; border-radius:20px; background:radial-gradient(circle at 100% 0,rgba(40,138,235,.14),transparent 32%),linear-gradient(145deg,#0c213e,#08172b); box-shadow:inset 0 1px rgba(255,255,255,.04); transition:.25s; }
.step-grid article::before,.action-grid article::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(180deg,#44d5ff,#1f5eff); opacity:.85; }
.step-grid article:hover,.action-grid article:hover { transform:translateY(-3px); border-color:#2d74aa; }
.step-grid article > span,.number { color:#54caff; font-size:13px; font-weight:800; letter-spacing:.12em; }
.step-grid h3,.action-grid h2 { margin:34px 0 8px; font-size:22px; line-height:1.15; }
.step-grid p,.action-grid p { color:var(--muted); margin:0 0 22px; }
.step-grid a { color:#56c9ff; font-weight:850; font-size:13px; }

.slot-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.slot-card { min-width:0; border:1px solid #1d466f; border-radius:20px; overflow:hidden; background:linear-gradient(160deg,#0c213c,#071528); box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04); transition:.25s; }
.slot-card:hover { transform:translateY(-5px); border-color:#35a6e8; box-shadow:0 24px 44px rgba(0,0,0,.34),0 0 0 1px rgba(57,186,244,.12); }
.slot-image { position:relative; aspect-ratio:4/5.35; overflow:hidden; background:#0c1a2d; }
.slot-image img { width:100%; height:100%; object-fit:cover; }
.slot-image::after { content:""; position:absolute; inset:auto 0 0; height:28%; background:linear-gradient(transparent,rgba(2,10,22,.72)); pointer-events:none; }
.slot-image span { position:absolute; z-index:2; left:11px; top:11px; padding:5px 9px; border:1px solid rgba(126,212,255,.2); border-radius:8px; background:rgba(3,13,28,.82); color:#e9fbff; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; backdrop-filter:blur(7px); }
.slot-meta { padding:17px; }
.slot-meta h3 { min-height:42px; margin:0 0 5px; font-size:16px; font-weight:800; line-height:1.3; }
.slot-meta > p { margin:0; color:#78a8d1; font-size:12px; }
.slot-meta .slot-provider { margin-bottom:7px; color:#68baf0; font-weight:800; }
.slot-meta .slot-mechanic { min-height:38px; margin-bottom:14px; color:#9cb4cc; font-size:11px; line-height:1.45; }
.slot-meta > div { display:flex; align-items:center; justify-content:space-between; gap:5px; padding-top:10px; border-top:1px solid #193451; }
.slot-meta small { color:#718daa; font-size:10px; }
.slot-meta strong { font-size:10px; color:#dff7ff; text-align:right; }
.center-action { display:flex; justify-content:center; margin-top:28px; }
.slot-intro { display:grid; grid-template-columns:minmax(220px,.45fr) minmax(0,1.55fr); gap:28px; align-items:start; padding:25px 28px; margin-top:22px; border:1px solid #24537f; border-radius:18px; background:rgba(5,20,39,.72); }
.slot-intro h3 { margin:0; font-size:22px; }
.slot-intro p { margin:0; color:#9eb7d0; }
.slot-guide { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.slot-guide article { min-height:245px; padding:26px; border:1px solid #245078; border-radius:20px; background:radial-gradient(circle at 100% 0,rgba(49,174,255,.13),transparent 34%),#08182c; }
.slot-guide article > span { color:#4bd4ff; font-size:12px; font-weight:900; letter-spacing:.14em; }
.slot-guide h3 { margin:28px 0 9px; font-size:21px; line-height:1.15; }
.slot-guide p { margin:0; color:#91abc5; font-size:13px; }
.provider-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.provider-grid article { padding:20px; border:1px solid #1b4268; border-radius:17px; background:linear-gradient(150deg,#0c203a,#081629); box-shadow:inset 0 1px rgba(255,255,255,.04); transition:.2s; }
.provider-grid article:hover { transform:translateY(-3px); border-color:#2e7aae; }
.provider-grid article > div { height:58px; display:flex; align-items:center; justify-content:center; padding:9px 12px; border:1px solid #28577f; border-radius:10px; background:linear-gradient(145deg,#143454,#091b31); box-shadow:inset 0 1px rgba(255,255,255,.07); }
.provider-grid img { width:auto; max-width:100%; max-height:36px; filter:drop-shadow(0 3px 7px rgba(0,0,0,.35)); }
.provider-grid h3 { margin:14px 0 0; font-size:14px; }
.provider-grid p { margin:2px 0 0; color:#7f9ab7; font-size:11px; }
.provider-grid small { display:block; margin-top:8px; color:#a8bed4; font-size:10px; line-height:1.45; }
.provider-comparison { margin-top:18px; }
.provider-heading { position:relative; min-height:190px; overflow:hidden; margin-bottom:22px; padding:30px 230px 16px 30px; border:1px solid #24547d; border-radius:22px; background:radial-gradient(circle at 92% 30%,rgba(40,112,255,.22),transparent 30%),linear-gradient(135deg,rgba(11,35,64,.92),rgba(7,24,44,.92)),url("/assets/cave-scene.webp") center/cover no-repeat; }
.provider-heading .section-head { grid-template-columns:1fr; gap:8px; margin:0; }
.provider-heading .section-head > p { max-width:720px; }
.provider-heading > img { position:absolute; right:34px; bottom:-78px; width:190px; height:auto; object-fit:contain; filter:drop-shadow(0 20px 24px rgba(0,0,0,.42)); }
.slot-comparison table { min-width:1080px; }
.provider-comparison table { min-width:760px; }
.table-note { margin:0; padding:14px 20px 17px; border-top:1px solid #173450; color:#7896b5; font-size:11px; }

.trust-section { position:relative; background:radial-gradient(circle at 10% 10%,rgba(24,153,235,.14),transparent 30%),linear-gradient(180deg,#071529,#06101f); border-block:1px solid rgba(57,145,226,.2); }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.license-card,.catalog-card { position:relative; min-height:370px; padding:34px; overflow:hidden; border:1px solid #275f90; border-radius:23px; background:radial-gradient(circle at 100% 0,rgba(38,155,244,.18),transparent 35%),linear-gradient(145deg,#0c2543,#08172b); box-shadow:0 22px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05); }
.license-card::after,.catalog-card::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,#38d2ff,#2764ff,transparent 90%); }
.status-pill { display:inline-flex; padding:7px 10px; border:1px solid #8a6831; border-radius:999px; color:#ffd778; background:#2d2514; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.status-pill.blue { border-color:#276e9e; color:#79dcff; background:#092c46; }
.status-pill.valid { border-color:#257b59; color:#72f1b4; background:#0b3227; }
.license-card h3,.catalog-card h3 { margin:24px 0 10px; font-size:30px; line-height:1.08; }
.license-card p,.catalog-card p { color:#a9bfd5; }
.license-card ul { padding-left:20px; color:#a9bfd5; }
.license-card li { margin:6px 0; }
.license-card a,.catalog-card a { display:inline-block; margin-top:8px; color:#5bd3ff; font-size:13px; font-weight:900; }
.provider-name-list { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 12px; }
.provider-name-list span { padding:7px 10px; border:1px solid #22527a; border-radius:9px; color:#c6e6fa; background:#081d34; font-size:11px; font-weight:800; }

.brand-story { min-height:290px; display:grid; place-items:center; overflow:hidden; padding:36px; border:1px solid #2a6795; border-radius:25px; background:linear-gradient(90deg,rgba(4,13,28,.3),rgba(4,16,35,.72) 35%,rgba(4,16,35,.72) 65%,rgba(4,13,28,.3)),url("/assets/cave-scene.webp") center/cover no-repeat; box-shadow:0 26px 58px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06); }
.brand-story > div { width:min(480px,100%); padding:24px 30px; border:1px solid rgba(91,194,255,.28); border-radius:20px; background:rgba(4,17,37,.76); text-align:center; backdrop-filter:blur(9px); }
.brand-story h2 { margin:9px 0; font-size:clamp(28px,3.2vw,42px); line-height:1.05; }
.brand-story p { margin:0; color:#abc4dc; }
.brand-story-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:20px; }

.payment-tables { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.table-card { overflow:hidden; border:1px solid #1d456b; border-radius:20px; background:linear-gradient(150deg,#0b1d34,#071526); box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.04); }
.table-title { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 20px; border-bottom:1px solid #1b3654; }
.table-title span { font-size:16px; font-weight:900; }
.table-title small { max-width:290px; color:#7592b1; text-align:right; }
.table-scroll { width:100%; overflow-x:auto; }
table { width:100%; min-width:540px; border-collapse:collapse; }
th,td { padding:14px 18px; border-bottom:1px solid #172f4b; text-align:left; vertical-align:middle; }
th { color:#7fa2c5; background:#0d233e; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
td { color:#bdd1e6; font-size:13px; }
tbody tr { transition:.18s; }
tbody tr:hover { background:rgba(33,111,176,.09); }
td:first-child { color:white; }
td img { width:28px; height:20px; margin-right:10px; object-fit:contain; vertical-align:middle; }
tbody tr:last-child td { border-bottom:0; }

.bonus-panel { position:relative; min-height:350px; overflow:hidden; display:flex; align-items:center; padding:50px 46% 50px 50px; border:1px solid #2b76b8; border-radius:26px; background:linear-gradient(90deg,rgba(5,27,64,.98),rgba(5,37,88,.7)),url("/assets/banner-bg.webp") center/cover; box-shadow:0 28px 66px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.1); }
.bonus-panel::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,#20c8ff,#1d5eff,transparent 88%); }
.bonus-panel > div { position:relative; z-index:2; }
.bonus-panel h2 { margin:9px 0; font-size:clamp(30px,3.5vw,46px); line-height:1.06; }
.bonus-panel p { color:#b2c8e0; margin:0 0 24px; }
.bonus-panel img { position:absolute; right:7%; bottom:-5px; max-height:90%; width:auto; }
.bonus-page { margin-bottom:18px; }
.comparison-table { margin-top:18px; }

.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.review-card { padding:23px; border:1px solid #1b4064; border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(39,129,212,.11),transparent 35%),#091829; box-shadow:inset 0 1px rgba(255,255,255,.035); transition:.2s; }
.review-card:hover { border-color:#2e6d9e; transform:translateY(-2px); }
.review-card header { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:10px; margin-bottom:16px; }
.avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,#19bcff,#2169ff); font-weight:900; }
.review-card h3 { margin:0; font-size:14px; }
.review-card header p { margin:1px 0 0; color:#7595b8; font-size:11px; }
.review-card header > span { max-width:110px; padding:4px 7px; border-radius:7px; color:#7de1ff; background:#0c2941; font-size:9px; font-weight:900; text-transform:uppercase; text-align:center; }
.review-card > p { margin:0; color:#aec3da; font-size:13px; }
.insight-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.insight-card { min-height:220px; padding:24px; border:1px solid #20476f; border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(52,169,255,.13),transparent 36%),linear-gradient(150deg,#0b203b,#08172b); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.insight-card h3 { margin:0 0 10px; font-size:20px; line-height:1.15; }
.insight-card p { margin:0; color:#9fb6cf; font-size:14px; }
.trust-grid-cards article { min-height:240px; }
.sentiment-3 header > span { color:#ffcf6a; background:#332a12; }
.sentiment-2 header > span,.sentiment-1 header > span { color:#ff91a8; background:#351526; }
.review-summary { display:grid; grid-template-columns:230px 1fr; gap:45px; align-items:center; padding:26px; margin-bottom:16px; border:1px solid #1d3b5c; border-radius:18px; background:#091729; }
.review-summary > div:first-child strong { display:block; font-size:64px; line-height:1; }
.review-summary > div:first-child span { color:#87a3c1; }
.rating-row { display:grid; grid-template-columns:44px 1fr 25px; align-items:center; gap:11px; margin:7px 0; font-size:11px; color:#8fa9c4; }
.rating-row i { height:8px; border-radius:8px; overflow:hidden; background:#172a3e; }
.rating-row b { display:block; height:100%; border-radius:8px; background:linear-gradient(90deg,#ffd55a,#ff9b38); }

.two-col { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; align-items:start; }
.checklist { display:grid; gap:12px; }
.checklist article { display:grid; grid-template-columns:38px 1fr; gap:13px; padding:20px; border:1px solid #1b3b5e; border-radius:16px; background:#0a182b; }
.checklist article > span { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#061020; background:#4bd4ff; font-weight:950; }
.checklist h3 { margin:0 0 3px; font-size:16px; }
.checklist p { margin:0; color:#93acc6; }
.note-card { position:sticky; top:94px; padding:26px; border:1px solid #2067a5; border-radius:18px; background:linear-gradient(145deg,#0c2749,#0b1b32); }
.note-card h3 { margin:10px 0; font-size:24px; }
.note-card p { color:#a5bdd4; }
.source-facts { display:grid; gap:5px; padding-top:18px; margin-top:18px; border-top:1px solid #245178; }
.source-facts span { color:#6f91b3; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.source-facts strong { margin-bottom:9px; color:#d8efff; font-size:12px; }
.action-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.action-grid article { min-height:auto; }
.action-grid h2 { margin-top:25px; font-size:34px; }
.action-grid ul { margin:22px 0; padding-left:20px; color:#aec3d8; }
.notice { padding:20px 22px; margin-top:18px; border:1px solid #12649a; border-radius:16px; background:#071f33; }
.notice strong { color:#55d0ff; }
.notice p { margin:4px 0 0; color:#9bb5ce; }
.notice.danger { border-color:#813146; background:#2d111c; }
.notice.danger strong { color:#ff89a2; }
.support-showcase { min-height:470px; display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:end; overflow:hidden; border:1px solid #245a86; border-radius:24px; background:radial-gradient(circle at 86% 22%,rgba(49,133,255,.25),transparent 33%),linear-gradient(145deg,#0b2441,#071629); }
.support-step-list { display:grid; gap:11px; padding:30px; }
.support-step-list article { display:grid; grid-template-columns:48px 1fr; gap:15px; align-items:start; padding:19px; border:1px solid #1f486f; border-radius:16px; background:rgba(6,22,42,.78); }
.support-step-list article > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#04101d; background:linear-gradient(145deg,#57e0ff,#3680ff); font-weight:950; }
.support-step-list h3 { margin:0 0 3px; font-size:17px; }
.support-step-list p { margin:0; color:#9db6cf; font-size:13px; }
.support-showcase > img { width:310px; height:auto; margin:0 auto -10px; filter:drop-shadow(0 25px 28px rgba(0,0,0,.42)); }
.prose { padding:28px; border:1px solid #1b3b5e; border-radius:18px; background:#0a182b; }
.prose h2 { margin-top:0; }
.prose li { margin:10px 0; color:#abc0d6; }
.prose p { color:#abc0d6; }
.prose a { color:#55cfff; text-decoration:underline; }
.faq-section { position:relative; background:radial-gradient(circle at 82% 8%,rgba(28,137,227,.17),transparent 28%),linear-gradient(180deg,#0b2240,#07162a); border-block:1px solid #214c75; box-shadow:inset 0 1px rgba(255,255,255,.035); }
.faq-section .section-head { padding-bottom:22px; border-bottom:1px solid rgba(71,139,202,.22); }
.faq-list { width:min(980px,100%); display:grid; gap:10px; margin-inline:auto; }
.faq-list details { border:1px solid #1a4065; border-radius:16px; background:linear-gradient(145deg,#0a1c33,#071527); transition:.2s; }
.faq-list details[open] { border-color:#2d76aa; box-shadow:0 12px 30px rgba(0,0,0,.16); }
.faq-list summary { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:19px 21px; list-style:none; cursor:pointer; font-size:15px; font-weight:850; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:#58d0ff; font-size:22px; transition:.2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:0; padding:0 21px 20px; color:#9bb4ce; }
.closing { padding:92px 0; text-align:center; background:radial-gradient(circle at 50% 28%,#174a86 0,#0a1c34 42%,#06101f 75%); border-top:1px solid #1d4c78; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.closing h2 { max-width:850px; margin:10px auto; font-size:clamp(34px,4vw,56px); line-height:1.02; letter-spacing:-.04em; }
.closing p { max-width:720px; margin:0 auto 24px; color:#9eb6cf; }
footer { padding:54px 0 24px; background:#050b16; border-top:1px solid #142942; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:60px; }
.footer-grid > div:first-child img { width:180px; }
.footer-grid p { max-width:430px; color:#728da9; font-size:13px; }
.footer-grid h3 { margin:0 0 12px; font-size:13px; }
.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; }
.footer-grid a { margin:5px 0; color:#86a2bf; font-size:12px; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; margin-top:35px; border-top:1px solid #12253b; color:#5d7792; font-size:11px; }
.not-found { min-height:100vh; display:grid; place-items:center; padding:28px; background:radial-gradient(circle at 50% 25%,#174a86,#081629 44%,#050c18 72%); text-align:center; }
.not-found section { width:min(620px,100%); padding:54px 34px; border:1px solid #28689d; border-radius:28px; background:rgba(7,22,42,.85); box-shadow:0 30px 80px rgba(0,0,0,.38); }
.not-found section > strong { display:block; margin:8px 0 -2px; color:#37c9ff; font-size:92px; line-height:1; }
.not-found h1 { margin:0 0 10px; font-size:42px; line-height:1; }
.not-found p { color:#9fb8d1; }
.not-found section > div { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:24px; }

@media (max-width:1080px) {
  .desktop-nav { gap:13px; }
  .desktop-nav a { font-size:11px; }
  .brand,.brand img { width:128px; }
  .slot-grid { grid-template-columns:repeat(4,1fr); }
  .provider-grid { grid-template-columns:repeat(3,1fr); }
  .provider-heading { padding-right:190px; }
  .provider-heading > img { right:20px; width:155px; }
  .slot-guide { grid-template-columns:repeat(2,1fr); }
  .review-grid { grid-template-columns:repeat(2,1fr); }
  .insight-grid { grid-template-columns:repeat(2,1fr); }
  .step-grid.four { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:840px) {
  .shell { width:min(100% - 32px,720px); }
  .desktop-nav { display:none; }
  .header-row { gap:12px; }
  .header-actions { margin-left:auto; }
  .mobile-menu { display:block; }
  .hero-home { min-height:auto; padding:20px 0 38px; background:linear-gradient(180deg,rgba(8,23,44,.66),rgba(5,13,27,.16)); }
  .hero-home .hero-layout { min-height:610px; padding-inline:30px; border-radius:24px; background:linear-gradient(180deg,rgba(4,14,30,.97) 0%,rgba(5,17,39,.84) 45%,rgba(5,17,39,.16) 100%),url("/assets/hero-beach.webp") center/cover no-repeat; }
  .hero-copy { width:100%; align-self:flex-start; padding:42px 0 300px; text-align:center; }
  .hero-copy > p { margin-inline:auto; }
  .hero-offer { margin-inline:auto; }
  .hero-actions,.trust-line { justify-content:center; }
  .hero-character { width:min(42vw,280px); right:50%; transform:translateX(50%); bottom:-96px; }
  .hero-inner .hero-copy { padding:70px 0; }
  .hero-inner { min-height:auto; }
  .info-strip { grid-template-columns:1fr 1fr; margin-top:-56px; }
  .info-strip div:nth-child(2) { border-right:0; }
  .info-strip div:nth-child(-n+2) { border-bottom:1px solid #1d3e66; }
  .section { padding-block:64px; }
  .section-head { grid-template-columns:1fr; gap:12px; }
  .slot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .slot-intro,.trust-grid { grid-template-columns:1fr; }
  .license-card,.catalog-card { min-height:auto; }
  .step-grid { grid-template-columns:1fr; }
  .step-grid article { min-height:auto; }
  .payment-tables,.two-col { grid-template-columns:1fr; }
  .support-showcase { grid-template-columns:1fr 250px; }
  .support-showcase > img { width:240px; }
  .note-card { position:static; }
  .bonus-panel { min-height:470px; align-items:flex-start; padding:34px 34px 220px; text-align:center; background:linear-gradient(180deg,rgba(6,30,69,.98),rgba(6,34,80,.63)),url("/assets/banner-bg-mobile.webp") center/cover; }
  .bonus-panel img { max-height:215px; right:50%; transform:translateX(50%); }
  .action-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > div:first-child { grid-column:1/-1; }
}
@media (max-width:620px) {
  body { font-size:15px; }
  .shell { width:calc(100% - 24px); }
  .header-row { height:68px; }
  .brand,.brand img { width:100px; }
  .header-actions { gap:5px; }
  .header-actions > .button { min-height:36px; padding:8px 9px; font-size:10px; border-radius:10px; white-space:nowrap; }
  .mobile-menu summary { width:36px; height:36px; padding:9px; }
  .mobile-menu nav { top:44px; }
  .hero-home { min-height:auto; padding:14px 0 30px; }
  .hero-home .hero-layout { min-height:0; padding-inline:18px; flex-direction:column; border-radius:20px; background-position:center; }
  .hero-copy { padding:30px 0 0; }
  .hero h1,.hero-inner h1 { font-size:34px; line-height:1.02; letter-spacing:-.035em; }
  .hero-copy > p { font-size:15px; }
  .hero-home .hero-copy > p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .hero-home .hero-actions { display:grid; grid-template-columns:1fr 1fr; }
  .hero-actions .button { width:100%; padding-inline:9px; }
  .hero-offer { width:100%; justify-content:center; flex-wrap:wrap; gap:2px 8px; margin-top:14px; padding:8px 10px; }
  .hero-offer strong,.hero-offer span { font-size:10px; }
  .trust-line { font-size:10px; gap:7px 10px; }
  .hero-character { position:relative; right:auto; bottom:auto; width:182px; max-width:62vw; margin:24px auto -12px; transform:none; }
  .support-note-banner { padding:16px; }
  .hero-home .button-large { min-height:46px; }
  .hero-home .trust-line span:last-child { display:none; }
  .hero-inner .hero-copy { padding:52px 0; text-align:left; }
  .hero-inner .hero-actions,.hero-inner .trust-line { justify-content:flex-start; }
  .info-strip { margin-top:-44px; border-radius:14px; }
  .info-strip div { padding:13px 14px; }
  .info-strip strong { font-size:12px; }
  .section { padding-block:58px; }
  .section-head h2 { font-size:34px; }
  .section-head > p { font-size:14px; }
  .slot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .slot-meta { padding:10px; }
  .slot-meta h3 { font-size:13px; min-height:36px; }
  .slot-meta .slot-mechanic { min-height:47px; font-size:10px; }
  .slot-meta > div { display:block; }
  .slot-meta strong { display:block; margin-top:2px; text-align:left; }
  .provider-grid { grid-template-columns:repeat(2,1fr); gap:9px; }
  .provider-grid article { padding:12px; }
  .provider-grid h3 { font-size:12px; }
  .provider-grid small { font-size:9px; }
  .provider-heading { min-height:250px; padding:24px 120px 24px 20px; }
  .provider-heading .section-head h2 { font-size:30px; }
  .provider-heading > img { right:-20px; bottom:-38px; width:140px; }
  .slot-intro { padding:20px; gap:10px; }
  .slot-guide { grid-template-columns:1fr; }
  .slot-guide article { min-height:auto; padding:22px; }
  .slot-guide h3 { margin-top:18px; }
  .license-card,.catalog-card { padding:24px; border-radius:18px; }
  .license-card h3,.catalog-card h3 { font-size:26px; }
  .table-title { align-items:flex-start; flex-direction:column; gap:2px; }
  .table-title small { text-align:left; }
  th,td { padding:12px; }
  .bonus-panel { min-height:440px; padding:28px 20px 198px; border-radius:18px; }
  .bonus-panel h2 { font-size:31px; }
  .bonus-panel img { max-height:190px; }
  .brand-story { min-height:360px; padding:18px; background-position:center; }
  .brand-story > div { padding:20px 16px; }
  .brand-story h2 { font-size:29px; }
  .brand-story-actions .button { flex:1; min-width:125px; }
  .support-showcase { min-height:0; grid-template-columns:1fr; padding-top:8px; }
  .support-step-list { padding:14px; }
  .support-step-list article { grid-template-columns:40px 1fr; padding:15px; }
  .support-step-list article > span { width:36px; height:36px; }
  .support-showcase > img { width:190px; margin-top:-24px; }
  .review-grid { grid-template-columns:1fr; }
  .insight-grid { grid-template-columns:1fr; }
  .review-card { padding:18px; }
  .insight-card { min-height:auto; padding:20px; }
  .review-summary { grid-template-columns:1fr; gap:20px; }
  .review-summary > div:first-child strong { font-size:52px; }
  .step-grid.four { grid-template-columns:1fr; }
  .action-grid h2 { font-size:29px; }
  .closing { padding:64px 0; }
  .footer-grid { grid-template-columns:1fr; gap:28px; }
  .footer-grid > div:first-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }


/* Phase 3: payments, withdrawal & KYC */
.finance-rules { margin-top:22px; }
.finance-rules .table-card { border-color:#2a628f; }
.source-caption { margin:10px 4px 0; color:#7595b4; font-size:11px; line-height:1.55; }
.finance-checklist { margin-bottom:22px; }
.finance-checklist article { min-height:250px; }


/* Phase 5: conversion + SEO internal linking */
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-bottom:15px; color:#7898b8; font-size:11px; font-weight:750; }
.breadcrumbs a { color:#67d6ff; }
.breadcrumbs a:hover { color:#fff; }
.slot-play { display:flex; align-items:center; justify-content:center; min-height:38px; margin-top:12px; border:1px solid #2478b6; border-radius:10px; color:#fff; background:linear-gradient(120deg,#159fdc,#1a64f4); font-size:12px; font-weight:900; transition:.2s; }
.slot-play:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(16,120,230,.25); }
.inline-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.conversion-strip { padding:34px 0; border-block:1px solid rgba(60,146,229,.2); background:radial-gradient(circle at 80% 50%,rgba(36,128,250,.17),transparent 30%),linear-gradient(135deg,#08172b,#0b2340); }
.conversion-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:34px; align-items:center; }
.conversion-inner h2 { margin:6px 0 5px; font-size:32px; line-height:1.05; }
.conversion-inner p { max-width:760px; margin:0; color:#9eb6cf; }
.related-section { padding-top:68px; padding-bottom:68px; }
.related-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.related-card { position:relative; min-height:150px; display:flex; flex-direction:column; justify-content:center; padding:23px 48px 23px 23px; border:1px solid #204b73; border-radius:18px; background:linear-gradient(145deg,#0c2039,#08162a); transition:.22s; }
.related-card:hover { transform:translateY(-3px); border-color:#3a8bc5; box-shadow:0 18px 34px rgba(0,0,0,.2); }
.related-card strong { display:block; margin-bottom:6px; font-size:18px; }
.related-card span { color:#91abc4; font-size:13px; line-height:1.5; }
.related-card b { position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#5fd7ff; font-size:22px; }
@media (max-width:840px) {
  .conversion-inner { grid-template-columns:1fr; gap:18px; }
  .conversion-inner .button { width:max-content; }
  .related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .breadcrumbs { margin-bottom:12px; }
  .conversion-strip { padding:28px 0; }
  .conversion-inner h2 { font-size:28px; }
  .conversion-inner .button { width:100%; }
  .related-grid { grid-template-columns:1fr; }
  .related-card { min-height:auto; }
  .inline-actions { display:grid; grid-template-columns:1fr; }
  .inline-actions .button { width:100%; }
}


/* Phase 6: semantic expansion + payment/related polish */
.payment-table-card table { min-width:520px; }
.payment-method { display:flex; align-items:center; gap:11px; min-width:0; }
.payment-method > strong { min-width:0; }
.payment-mark { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; overflow:hidden; border:1px solid #24517a; border-radius:10px; background:linear-gradient(145deg,#102a48,#09192d); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.payment-mark img { display:block; width:24px; height:24px; margin:0; object-fit:contain; }
.payment-mark b { color:#dff7ff; font-size:9px; line-height:1; letter-spacing:-.02em; }
.payment-mark-sbp { border-color:#246a91; background:linear-gradient(145deg,#0c334b,#092438); }
.payment-mark-sbp b { color:#5fe1ff; font-size:10px; letter-spacing:.02em; }
.payment-mark-card i { position:relative; width:20px; height:14px; border:2px solid #68d8ff; border-radius:3px; }
.payment-mark-card i::after { content:""; position:absolute; left:1px; right:1px; top:3px; height:2px; background:#68d8ff; opacity:.8; }
.payment-mark-bank i { position:relative; width:21px; height:16px; border-bottom:2px solid #68d8ff; }
.payment-mark-bank i::before { content:"₽"; position:absolute; inset:-8px 0 auto; color:#68d8ff; font-style:normal; font-size:17px; font-weight:900; text-align:center; }
.payment-mark-phone i { position:relative; width:13px; height:21px; border:2px solid #68d8ff; border-radius:4px; }
.payment-mark-phone i::after { content:""; position:absolute; width:3px; height:3px; left:50%; bottom:1px; transform:translateX(-50%); border-radius:50%; background:#68d8ff; }
.semantic-section { padding-top:72px; padding-bottom:72px; background:linear-gradient(180deg,rgba(8,25,47,.58),rgba(5,15,29,.25)); border-block:1px solid rgba(51,123,190,.14); }
.semantic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.semantic-card { min-height:220px; padding:26px; border:1px solid #20486f; border-radius:19px; background:radial-gradient(circle at 100% 0,rgba(38,138,226,.12),transparent 36%),linear-gradient(150deg,#0b2039,#08172b); box-shadow:inset 0 1px rgba(255,255,255,.035); }
.semantic-card h3 { margin:0 0 11px; font-size:20px; line-height:1.16; }
.semantic-card p { margin:0; color:#9eb6cf; font-size:14px; line-height:1.68; }
.semantic-card a { color:#62d8ff; font-weight:800; text-decoration:underline; text-decoration-color:rgba(98,216,255,.35); text-underline-offset:3px; }
.semantic-card a:hover { color:#fff; }
@media (max-width:840px) {
  .semantic-grid { grid-template-columns:1fr; }
  .semantic-card { min-height:auto; }
}
@media (max-width:620px) {
  .semantic-section { padding-top:54px; padding-bottom:54px; }
  .payment-mark { width:30px; height:30px; flex-basis:30px; border-radius:8px; }
  .payment-mark img { width:21px; height:21px; }
  .payment-method { gap:8px; }
  .semantic-card { padding:20px; }
}

/* Phase 7: intent separation and first-screen clarity */
.intent-overview { position:relative; z-index:4; margin-top:-24px; }
.intent-overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid #24537f; border-radius:16px; background:rgba(9,27,51,.96); box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(14px); }
.intent-overview-grid > div { min-width:0; padding:15px 18px; border-right:1px solid #1d3e66; }
.intent-overview-grid > div:last-child { border-right:0; }
.intent-overview-grid span { display:block; color:#7997b8; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.07em; }
.intent-overview-grid strong { display:block; margin-top:3px; color:#fff; font-size:13px; line-height:1.35; }
@media (max-width:840px) {
  .intent-overview { margin-top:-16px; }
  .intent-overview-grid { grid-template-columns:1fr 1fr; }
  .intent-overview-grid > div:nth-child(2) { border-right:0; }
  .intent-overview-grid > div:nth-child(-n+2) { border-bottom:1px solid #1d3e66; }
}
@media (max-width:620px) {
  .intent-overview { margin-top:-12px; }
  .intent-overview-grid > div { padding:12px 13px; }
  .intent-overview-grid span { font-size:9px; }
  .intent-overview-grid strong { font-size:12px; }
}
.finance-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
.finance-summary-grid article { padding:20px; border:1px solid #20486f; border-radius:16px; background:linear-gradient(150deg,#0b2039,#08172b); }
.finance-summary-grid h3 { margin:0 0 7px; font-size:17px; }
.finance-summary-grid p { margin:0; color:#9eb6cf; font-size:13px; line-height:1.6; }
@media (max-width:840px) { .finance-summary-grid { grid-template-columns:1fr; } }

/* Phase 8: betting page */
.hero-betting { background:radial-gradient(circle at 80% 20%,rgba(155,79,255,.22),transparent 28%),linear-gradient(135deg,#09162d,#10234a); }
.hero-betting .hero-layout { min-height:470px; padding-inline:48px; overflow:hidden; border:1px solid rgba(92,136,255,.26); border-radius:30px; background:linear-gradient(90deg,rgba(3,11,26,.96) 0%,rgba(4,16,37,.92) 48%,rgba(8,24,56,.58) 70%,rgba(7,20,44,.82) 100%),url("/assets/betting-banner.webp") center/cover no-repeat; box-shadow:0 32px 80px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.08); }
.hero-character-betting { right:5%; bottom:-22px; width:min(24vw,280px); }
.betting-showcase { display:grid; grid-template-columns:1.1fr 1fr; gap:24px; padding:28px; border:1px solid rgba(83,144,255,.18); border-radius:28px; background:linear-gradient(180deg,rgba(8,24,46,.96),rgba(7,20,40,.92)); box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05); }
.betting-showcase-copy h2 { margin:10px 0 14px; font-size:clamp(32px,4vw,50px); line-height:1.02; letter-spacing:-.04em; }
.betting-showcase-copy p { margin:0; max-width:690px; color:#b8cce1; font-size:17px; line-height:1.66; }
.betting-badges { display:flex; flex-wrap:wrap; gap:14px; margin-top:20px; }
.betting-badges span { display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(90,142,255,.22); border-radius:16px; background:rgba(7,20,42,.74); color:#dbe7f6; }
.betting-badges img { width:44px; height:44px; object-fit:contain; }
.betting-showcase-visual { position:relative; min-height:330px; border-radius:24px; overflow:hidden; background:radial-gradient(circle at 72% 24%,rgba(255,138,92,.22),transparent 26%), linear-gradient(180deg,rgba(17,33,75,.94),rgba(8,21,45,.92)); }
.betting-showcase-visual::after { content:""; position:absolute; inset:auto 0 0; height:120px; background:linear-gradient(180deg,rgba(5,13,27,0),rgba(5,13,27,.82)); }
.betting-banner { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.88; }
.betting-showcase-girl { position:absolute; right:24px; bottom:0; z-index:2; width:min(32%,210px); height:auto; filter:drop-shadow(0 28px 38px rgba(0,0,0,.44)); }
.betting-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.betting-card { padding:22px 20px; border:1px solid rgba(82,140,255,.2); border-radius:20px; background:linear-gradient(180deg,rgba(13,30,61,.9),rgba(9,22,46,.88)); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.betting-card h3 { margin:0 0 10px; font-size:20px; }
.betting-card p { margin:0; color:#b8cce1; line-height:1.62; }
@media (max-width: 1024px) {
  .hero-betting .hero-layout { min-height:520px; padding-inline:30px; background:linear-gradient(180deg,rgba(4,14,30,.97) 0%,rgba(8,24,51,.84) 45%,rgba(5,17,39,.3) 100%),url("/assets/betting-banner.webp") center/cover no-repeat; }
  .hero-character-betting { width:min(34vw,240px); right:50%; bottom:-40px; transform:translateX(50%); }
  .betting-showcase { grid-template-columns:1fr; }
  .betting-showcase-visual { min-height:280px; }
  .betting-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .hero-betting .hero-layout { min-height:0; padding-inline:18px; }
  .hero-betting .hero-copy { padding:34px 0 0; text-align:center; }
  .hero-betting .hero-actions, .hero-betting .trust-line { justify-content:center; }
  .hero-character-betting { position:relative; right:auto; bottom:auto; width:168px; max-width:58vw; margin:18px auto -6px; transform:none; }
  .betting-showcase { padding:18px; border-radius:22px; }
  .betting-showcase-copy h2 { font-size:30px; }
  .betting-showcase-copy p { font-size:15px; }
  .betting-badges { flex-direction:column; }
  .betting-badges span { width:100%; }
  .betting-showcase-visual { min-height:220px; }
  .betting-showcase-girl { width:138px; right:12px; }
  .betting-card-grid { grid-template-columns:1fr; }
}


/* Phase 8.1 betting cleanup */
.hero-betting { padding-top: 18px; }
.hero-betting .hero-layout { margin-top: 0; }
.hero-betting .breadcrumbs { margin-top: 4px; }
.betting-showcase-visual { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-content:start; padding:22px; min-height:330px; background:radial-gradient(circle at 15% 15%, rgba(83,117,255,.18), transparent 28%), linear-gradient(180deg, rgba(16,34,73,.96), rgba(9,21,45,.94)); }
.betting-showcase-visual::after { display:none; }
.betting-banner, .betting-showcase-girl { display:none; }
.betting-mini-card { display:flex; align-items:center; gap:14px; padding:18px; border:1px solid rgba(92,136,255,.22); border-radius:20px; background:linear-gradient(180deg, rgba(12,29,60,.92), rgba(8,20,42,.9)); box-shadow:inset 0 1px rgba(255,255,255,.05); }
.betting-mini-card-accent { background:linear-gradient(180deg, rgba(23,38,86,.96), rgba(10,22,51,.92)); }
.betting-mini-icon { width:62px; height:62px; object-fit:contain; flex:0 0 auto; }
.betting-mini-card strong { display:block; margin-bottom:6px; font-size:20px; line-height:1.1; }
.betting-mini-card p, .betting-mini-note p { margin:0; color:#b8cce1; line-height:1.58; }
.betting-mini-note { grid-column:1 / -1; padding:18px 20px; border:1px dashed rgba(95,150,255,.28); border-radius:20px; background:rgba(6,18,38,.55); }
.betting-mini-note span { display:block; margin-bottom:8px; color:#f4f7ff; font-weight:800; }
@media (max-width: 1024px) {
  .hero-betting { padding-top: 14px; }
  .betting-showcase-visual { min-height:0; }
}
@media (max-width: 640px) {
  .hero-betting { padding-top: 12px; }
  .betting-showcase-visual { grid-template-columns:1fr; padding:16px; }
  .betting-mini-card { padding:16px; }
  .betting-mini-card strong { font-size:18px; }
  .betting-mini-icon { width:54px; height:54px; }
}


/* Phase 8.2 mobile betting hero fix */
@media (max-width: 640px) {
  .hero-betting .hero-layout {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 0 16px 18px;
    background: linear-gradient(180deg, rgba(4,14,30,.97) 0%, rgba(8,24,51,.86) 46%, rgba(5,17,39,.52) 100%), url("/assets/betting-banner.webp") center top/cover no-repeat;
  }
  .hero-betting .hero-copy {
    width: 100%;
    padding: 26px 0 0;
    text-align: left;
  }
  .hero-betting .breadcrumbs {
    margin-bottom: 10px;
  }
  .hero-betting h1 {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 52px);
    line-height: .98;
    text-wrap: balance;
  }
  .hero-betting .hero-copy > p {
    max-width: none;
    font-size: 15px;
    line-height: 1.58;
  }
  .hero-betting .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    justify-content: stretch;
    margin-top: 22px;
  }
  .hero-betting .hero-actions .button {
    width: 100%;
  }
  .hero-betting .trust-line {
    justify-content: flex-start;
    gap: 10px;
    row-gap: 6px;
  }
  .hero-character-betting {
    align-self: center;
    width: 156px;
    max-width: 45vw;
    margin: 0 auto 2px;
  }
  .hero-betting + .info-strip {
    margin-top: -14px;
  }
}


/* Phase 11 performance */
@supports (content-visibility:auto) {
  main > .section:not(:first-child), .related-section { content-visibility:auto; contain-intrinsic-size:1px 720px; }
}