*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#081018;color:#dfe7ef}
.page-bg{position:fixed;inset:0;background:radial-gradient(circle at 18% 0%,rgba(51,146,224,.35),transparent 34%),radial-gradient(circle at 85% 12%,rgba(120,190,30,.16),transparent 28%),linear-gradient(180deg,#17283a 0%,#0d141c 42%,#060a0f 100%);z-index:-2}
.page-bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}
.top{max-width:1180px;margin:0 auto;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}
.brand-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#66c0f4,#1a9fff);display:grid;place-items:center;font-weight:900;color:#07131d;box-shadow:0 12px 30px rgba(26,159,255,.25)}
.brand b{display:block;font-size:16px}
.brand small{display:block;color:#8fa6b8;font-size:12px;margin-top:2px}
.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nav>a{color:#c7d5e0;text-decoration:none;background:rgba(255,255,255,.065);padding:11px 15px;border-radius:10px;font-weight:800;border:1px solid rgba(255,255,255,.06)}
.nav>a:hover{background:rgba(102,192,244,.18);color:#fff;border-color:rgba(102,192,244,.35)}
.lang-switcher{position:relative;z-index:30}
.lang-current{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;color:#fff;background:rgba(20,31,44,.95);border:1px solid rgba(102,192,244,.42);border-radius:12px;cursor:pointer;font-size:15px;font-weight:900;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.lang-arrow{margin-left:2px;font-size:14px;color:#8cffbf;transition:.18s ease}
.lang-switcher.is-open .lang-arrow{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:10px;display:none;background:rgba(20,25,36,.98);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 24px 65px rgba(0,0,0,.55);backdrop-filter:blur(14px)}
.lang-switcher.is-open .lang-menu{display:block}
.lang-option{width:100%;min-height:45px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#aab0c1;text-decoration:none;border-radius:10px;font-size:15px;font-weight:800}
.lang-option:hover{background:rgba(102,192,244,.12);color:#fff}
.lang-option.is-active{background:rgba(82,255,164,.12);color:#fff;border:1px solid rgba(82,255,164,.25)}
.lang-check{margin-left:auto;color:#5cff9f;font-size:18px;opacity:0}
.lang-option.is-active .lang-check{opacity:1}
.wrap{max-width:1180px;margin:0 auto;padding:4px 18px 34px}
.hero-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 16px}
.eyebrow{color:#66c0f4;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-weight:900}
h1{margin:0;color:#fff;font-size:44px;line-height:1.04;text-shadow:0 8px 32px rgba(0,0,0,.35)}
.trust-badge{color:#b8f3d2;background:rgba(48,196,113,.12);border:1px solid rgba(48,196,113,.28);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:900;white-space:nowrap}
.steam-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}
.gallery,.side-card,.panels article,.faq,.hero-preview{background:rgba(18,32,45,.86);border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 65px rgba(0,0,0,.33)}
.gallery{padding:12px;border-radius:16px}
.main-shot{aspect-ratio:16/9;background:#071019;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.main-shot img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.thumb{padding:0;border:2px solid transparent;background:#0b141d;border-radius:9px;overflow:hidden;cursor:pointer;height:78px;opacity:.74}
.thumb.active,.thumb:hover{border-color:#66c0f4;opacity:1}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.side-card{border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.cover{width:100%;height:145px;object-fit:cover;background:#0b141d;display:block}
.desc{margin:0;padding:16px 16px 12px;color:#c7d5e0;font-size:14px;line-height:1.55}
.download{margin:4px 16px 0;display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:13px;text-decoration:none;color:#07131d;font-weight:900;font-size:18px;background:linear-gradient(90deg,#a4d007,#75a70a);box-shadow:0 16px 34px rgba(164,208,7,.25);transition:.15s ease;text-align:center}
.download:hover{filter:brightness(1.08);transform:translateY(-1px)}
.download-note{text-align:center;font-size:12px;color:#8fa6b8;margin:8px 16px 13px;line-height:1.4}
.desktop-only{margin:4px 16px 13px;padding:14px;border-radius:12px;background:rgba(255,255,255,.06);color:#c7d5e0;text-align:center;font-weight:800}
.meta{padding:0 16px 10px;display:grid;gap:7px}
.meta-row{display:flex;justify-content:space-between;gap:14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.065);padding-bottom:7px}
.meta-row span{color:#8fa6b8}
.meta-row b{color:#66c0f4;text-align:right}
.checks{margin:0 16px 14px;padding:13px;border-radius:11px;background:rgba(0,0,0,.24);display:grid;gap:7px;color:#dcecff;font-size:13px}
.hero-preview{margin-top:18px;border-radius:16px;padding:26px}
.hero-preview-card{padding:34px;border-radius:18px;background:radial-gradient(circle at 80% 0%,rgba(102,192,244,.16),transparent 34%),rgba(7,16,25,.45)}
.hero-preview-card h2{margin:0 0 8px;color:#fff;font-size:40px}
.hero-preview-card p{margin:0 0 20px;color:#c7d5e0;font-size:19px}
.hero-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 34px;border-radius:11px;text-decoration:none;color:#07131d;background:linear-gradient(90deg,#a4d007,#75a70a);font-weight:900;font-size:20px;box-shadow:0 16px 34px rgba(164,208,7,.25)}
.hero-note{font-size:13px;color:#9dafbd;margin-top:8px}
.hero-tags{color:#66c0f4;font-size:18px;font-weight:900;margin-top:22px}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.mini-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.mini-icon{width:48px;height:48px;border-radius:12px;background:rgba(102,192,244,.1);display:grid;place-items:center;font-size:28px;color:#fff}
.mini-card b{display:block;color:#fff;font-size:18px}
.mini-card span{display:block;color:#b8c7d3;margin-top:4px}
.benefit-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08)}
.benefit-bar span{background:rgba(255,255,255,.045);padding:16px;text-align:center;color:#dcecff}
.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.panels article,.faq{border-radius:16px;padding:18px}
.panels h2,.faq h2{margin:0 0 8px;color:#fff;font-size:20px}
.panels p,.faq p{margin:0;color:#b8c7d3;line-height:1.58}
.faq{margin-top:18px}
.faq details{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:13px;margin:9px 0}
.faq summary{cursor:pointer;color:#fff;font-weight:900}
.faq details p{margin-top:8px}
.footer{max-width:1180px;margin:0 auto;padding:0 18px 28px;display:flex;justify-content:space-between;gap:12px;color:#6f8394;font-size:12px}
.footer a{color:#66c0f4}
@media(max-width:960px){.steam-layout{grid-template-columns:1fr}.hero-head{align-items:flex-start;flex-direction:column}h1{font-size:35px}.panels,.mini-cards,.benefit-bar{grid-template-columns:1fr 1fr}.hero-preview-card h2{font-size:32px}}
@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.nav{width:100%}.nav>a{flex:1 1 auto;text-align:center}.lang-menu{right:auto;left:0}.steam-layout,.panels,.mini-cards,.benefit-bar{grid-template-columns:1fr}h1{font-size:29px}.thumbs{grid-template-columns:1fr 1fr}.thumb{height:82px}.trust-badge{white-space:normal}.footer{flex-direction:column}.hero-preview{padding:14px}.hero-preview-card{padding:24px}.hero-download{width:100%;font-size:18px}.download{font-size:17px}}