:root{--bg:#08090d;--surface:#101116;--surface-2:#16171e;--line:#282a34;--text:#f5f5f7;--muted:#9698a2;--red:#ff315c;--orange:#ff6a45;--green:#55e4a3;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}main{min-height:70vh}.kg-width-wide{width:min(1100px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}.kg-width-full{width:100vw;margin-left:50%;transform:translateX(-50%)}
.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:74px;display:flex;align-items:center;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(8,9,13,.82);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center}.brand>span{font:800 17px Manrope,sans-serif;letter-spacing:2.7px}.brand em,.brand-core em{font-style:normal;color:var(--red)}.nav nav{display:flex;gap:32px;margin:auto}.nav nav a,.login{font-size:12px;color:#a8aab3;transition:.2s}.nav nav a:hover,.login:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:17px}.lang-toggle{border:0;background:none;color:#aaa;font-size:11px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 19px;border:1px solid #ff5978;border-radius:8px;background:linear-gradient(135deg,var(--red),#e62750);color:#fff;font-size:12px;font-weight:700;box-shadow:0 14px 40px rgba(255,49,92,.18);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(255,49,92,.3)}.btn-small{padding:10px 14px;box-shadow:none}
.hero{position:relative;min-height:820px;height:100vh;max-height:960px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1fr);gap:80px;align-items:center;padding:130px max(28px,calc((100vw - var(--max))/2)) 70px;background:radial-gradient(circle at 74% 35%,rgba(255,49,92,.09),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}.eyebrow,.kicker{color:var(--red);font-size:9px;font-weight:700;letter-spacing:3px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow:before{content:"";width:34px;height:1px;background:var(--red)}.hero h1{margin:0;font:800 clamp(50px,5vw,76px)/1.03 Manrope,sans-serif;letter-spacing:-2.8px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#fff,var(--red));background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:580px;margin:27px 0;color:var(--muted);font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:22px}.play{display:flex;align-items:center;gap:11px;color:#ddd;font-size:12px}.play i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3a3b45;border-radius:50%;font-style:normal;font-size:9px}.proof{display:flex;margin-top:50px}.proof>div{padding:0 30px;border-left:1px solid var(--line)}.proof>div:first-child{padding-left:0;border:0}.proof strong{font:700 21px Manrope}.proof strong span{color:var(--red);font-size:9px}.proof small{display:block;margin-top:5px;color:#6f717b;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.hero-showcase{height:480px;position:relative;perspective:900px}.poster{position:absolute;width:270px;height:330px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background-size:cover;background-position:center;box-shadow:0 30px 70px rgba(0,0,0,.55);overflow:hidden}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(8,9,13,.9))}.hero-showcase .p1{left:0;top:70px;transform:rotateY(13deg) rotateZ(-6deg);background-image:url("https://cdn.cloudflare.steamstatic.com/steam/apps/252490/header.jpg")}.hero-showcase .p2{left:155px;top:15px;z-index:2;background-image:url("https://cdn.cloudflare.steamstatic.com/steam/apps/1623730/header.jpg")}.hero-showcase .p3{right:-15px;top:75px;transform:rotateY(-14deg) rotateZ(6deg);background-image:url("https://cdn.cloudflare.steamstatic.com/steam/apps/346110/header.jpg")}.brand-core{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:175px;height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,49,92,.55);border-radius:50%;background:rgba(8,9,13,.9);box-shadow:0 0 80px rgba(255,49,92,.35),inset 0 0 35px rgba(255,49,92,.09);backdrop-filter:blur(14px)}.brand-core:after{content:"";position:absolute;inset:9px;border:1px dashed rgba(255,255,255,.16);border-radius:50%;animation:spin 18s linear infinite}.brand-core strong{font:800 18px Manrope;letter-spacing:2px}.brand-core small{margin-top:7px;color:#777;font-size:6px;letter-spacing:1.5px}.hero-status{position:absolute;z-index:6;left:5px;bottom:35px;padding:10px 14px;border:1px solid #30313a;border-radius:20px;background:rgba(14,15,20,.92);font-size:8px}.hero-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.hero-status b{margin-right:18px}.hero-status span{color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}
.section{width:min(var(--max),calc(100% - 56px));margin:0 auto;padding:110px 0}.section-wide{padding:110px max(28px,calc((100vw - var(--max))/2))}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-head h2{margin:12px 0 0;font:800 clamp(36px,4vw,54px)/1.08 Manrope;letter-spacing:-2px}.section-head>p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.section-head>a{color:var(--red);font-size:11px}
.catalog-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.catalog-tools label{width:300px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:#666}.catalog-tools input{width:245px;margin-left:8px;border:0;outline:0;background:none;color:#fff;font-size:11px}.filters{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.filters button{padding:7px 13px;border:0;border-radius:5px;background:none;color:#81838c;font-size:10px;cursor:pointer}.filters button.active{background:#292a32;color:#fff}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.game-card{position:relative;height:240px;display:block;border:1px solid #292a33;border-radius:10px;background-image:var(--cover),linear-gradient(135deg,#24252d,#111218);background-size:cover;background-position:center;overflow:hidden;transition:.25s}.game-card:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(transparent 24%,rgba(8,9,13,.98) 94%)}.game-card:hover{transform:translateY(-5px);border-color:#7a2d43}.game-card .badge{position:absolute;z-index:2;left:11px;top:11px;padding:4px 7px;border-radius:3px;background:var(--red);font-size:6px;letter-spacing:1px}.game-card .arrow{position:absolute;z-index:2;right:12px;top:12px;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(8,9,13,.7);font-size:10px}.game-info{position:absolute;z-index:2;left:16px;right:16px;bottom:15px}.game-info h3{margin:0 0 7px;font:700 14px Manrope}.game-info p{margin:0;color:#92949c;font-size:9px}.game-info p b{color:#fff;font-size:14px}.game-info small{display:block;margin-top:6px;color:#777;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed var(--line);border-radius:10px;color:#777;text-align:center}
.panel{display:grid;grid-template-columns:minmax(300px,430px) minmax(500px,730px);justify-content:center;align-items:center;gap:80px;background:#0c0d12}.panel h2{margin:12px 0 0;font:800 clamp(36px,4vw,54px)/1.08 Manrope;letter-spacing:-2px}.panel-copy>p{margin:20px 0 30px;color:var(--muted);font-size:13px;line-height:1.75}.panel-tabs button{width:100%;display:flex;gap:18px;padding:18px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;color:#71737c;cursor:pointer}.panel-tabs button:last-child{border-bottom:1px solid var(--line)}.panel-tabs b{font-size:8px}.panel-tabs span{display:flex;flex-direction:column;gap:5px}.panel-tabs strong{font:600 13px Manrope;color:#848690}.panel-tabs small{font-size:9px}.panel-tabs .active b{color:var(--red)}.panel-tabs .active strong{color:#fff}.dashboard{height:470px;padding:26px;border:1px solid #2b2c35;border-radius:13px;background:#14151b;box-shadow:0 30px 80px #000;overflow:hidden}.dash-main{height:100%}.dash-head{display:flex;justify-content:space-between;margin-bottom:20px}.dash-head small,.dash-card>small{display:block;color:#62646d;font-size:6px;letter-spacing:1.3px}.dash-head strong{display:block;margin-top:3px;font:700 16px Manrope}.dash-head span{color:var(--green);font-size:7px}.dash-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.dash-card{padding:13px;border:1px solid var(--line);border-radius:7px;background:#1a1b22}.dash-card.main{grid-row:span 2}.mini-scene{height:165px;margin-bottom:14px;border-radius:5px;background:radial-gradient(circle at 63% 35%,rgba(255,49,92,.6),transparent 9%),linear-gradient(145deg,#27202b,#101117)}.dash-card strong{display:block;margin:5px 0;font:700 14px Manrope}.dash-card>span{color:var(--green);font-size:7px}.dash-card button{width:100%;margin-top:17px;padding:8px;border:1px solid #353741;border-radius:4px;background:#25262d;color:#ccc;font-size:7px}.ring{width:90px;height:90px;display:grid;place-items:center;margin:18px auto;border:7px solid #292a31;border-top-color:var(--red);border-radius:50%;font:700 17px Manrope}.activity p{color:#888;font-size:8px}.activity time{float:right;color:#555}.console-screen{height:350px;padding:16px;border:1px solid #242630;border-radius:7px;background:#0b0c10;color:#8e929b;font:10px/1.7 monospace}.console-screen b{color:var(--green)}.console-input{margin-top:16px;padding:10px;border:1px solid #30323a;border-radius:5px;color:#fff}.backup-list{display:grid;gap:10px}.backup-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #2b2d35;border-radius:7px;background:#1a1b22}.backup-row i{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:rgba(255,49,92,.12);color:var(--red);font-style:normal}.backup-row b{display:block;font-size:10px}.backup-row small{color:#666;font-size:7px}.backup-row button{padding:7px;border:1px solid #343640;border-radius:4px;background:#24252d;color:#bbb;font-size:7px}
.pricing{border-top:1px solid #1b1c22}.price-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.price-grid article,.plan-grid article{position:relative;padding:27px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.price-grid article.featured,.plan-grid article.featured{border-color:#922942}.price-grid em{position:absolute;right:20px;top:0;transform:translateY(-50%);padding:4px 7px;border-radius:3px;background:var(--red);font-style:normal;font-size:6px}.price-grid article>span,.plan-grid article>span{color:#777;font-size:8px;letter-spacing:2px}.price-grid h3,.plan-grid h3{margin:18px 0 5px;font:700 32px Manrope}.price-grid h3 small,.plan-grid h3 small{color:#777;font:400 10px Inter}.price-grid p{color:#999;font-size:10px}.price-grid ul,.plan-grid ul{list-style:none;padding:14px 0;margin:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price-grid li,.plan-grid li{padding:6px 0;color:#aaa;font-size:10px}.price-grid li:before,.plan-grid li:before{content:"✓";margin-right:8px;color:var(--red)}.price-grid a,.plan-grid a{display:block;padding:10px;border:1px solid #353640;border-radius:5px;text-align:center;font-size:9px}.featured>a,.plan-grid a{border-color:var(--red);background:var(--red)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-card{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:.2s}.guide-card:hover{transform:translateY(-3px);border-color:#743044}.guide-card img{width:100%;height:155px;margin-bottom:14px;border-radius:6px;object-fit:cover}.guide-card small{color:var(--red);font-size:7px;letter-spacing:1px}.guide-card h3{font:700 15px/1.4 Manrope}.guide-card p{color:#777;font-size:10px;line-height:1.6}.accordion{max-width:850px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;padding:20px 0;border:0;background:none;color:#ddd;text-align:left;cursor:pointer}.faq-item button b{color:#666;font-size:20px;transition:.25s}.faq-item>div{max-height:0;overflow:hidden;color:#999;font-size:13px;line-height:1.7;transition:.35s}.faq-item.open>div{max-height:500px;padding:0 40px 18px 0}.faq-item.open button b{transform:rotate(45deg);color:var(--red)}.cta{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle,rgba(255,49,92,.12),transparent 40%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.cta>span{color:var(--red);font-size:7px;letter-spacing:3px}.cta h2{margin:14px 0 7px;font:800 clamp(35px,4vw,52px) Manrope}.cta p{margin:0 0 24px;color:#888;font-size:12px}
.game-hero{min-height:670px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);align-items:center;gap:70px;padding:130px max(28px,calc((100vw - var(--max))/2)) 80px;background:linear-gradient(90deg,var(--bg) 42%,rgba(8,9,13,.25)),var(--cover) center right/58% cover no-repeat}.game-hero h1{margin:20px 0;font:800 clamp(45px,5vw,72px)/1.02 Manrope;letter-spacing:-2px}.game-hero p{max-width:550px;color:#aaa;line-height:1.7}.tag-list{margin-top:20px;color:var(--red);font-size:10px}.game-facts{align-self:end;justify-self:end;padding:20px;border:1px solid #343640;border-radius:10px;background:rgba(12,13,18,.88)}.game-facts small{color:#777;font-size:7px}.game-facts strong{display:block;margin:7px 0;font:700 25px Manrope}.game-facts span{color:var(--green);font-size:8px}.billing-toggle{display:flex;width:max-content;margin:0 auto 40px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.billing-toggle button{padding:9px 17px;border:0;border-radius:5px;background:none;color:#888;font-size:10px;cursor:pointer}.billing-toggle button.active{background:#292a32;color:#fff}.plan-grid article>strong{display:block;font:700 18px Manrope}.content-body{max-width:820px;margin:auto;color:#b5b6bd;font-size:16px;line-height:1.8}.content-body h2,.content-body h3{margin-top:35px;color:#fff;font-family:Manrope}.content-body img{max-width:100%;border-radius:10px}.article{max-width:900px;margin:0 auto;padding:150px 28px 100px}.article header h1{font:800 clamp(40px,6vw,68px)/1.08 Manrope}.article header>p{color:#999;font-size:17px}.article header>img{width:100%;max-height:500px;margin:30px 0;border-radius:12px;object-fit:cover}
.page-hero{padding:160px max(28px,calc((100vw - var(--max))/2)) 80px;background:radial-gradient(circle at 75% 30%,rgba(255,49,92,.11),transparent 25%)}.page-hero h1{margin:18px 0;font:800 clamp(45px,6vw,76px) Manrope}.page-hero p{max-width:600px;color:#999}.guide-search{display:flex;max-width:560px;margin-top:28px;padding:13px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.guide-search input{flex:1;margin-left:10px;border:0;outline:0;background:none;color:#fff}.guide-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-game{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.guide-game img{width:58px;height:42px;border-radius:5px;object-fit:cover}.guide-game b{font-size:11px}.guide-game small{display:block;margin-top:4px;color:#666;font-size:7px}
footer{width:min(var(--max),calc(100% - 56px));margin:auto;padding:43px 0 58px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px;border-top:1px solid var(--line)}footer p{color:#70727a;font-size:9px;line-height:1.7}footer>div{display:flex;gap:18px;color:#888;font-size:8px}footer small{color:#555;font-size:7px}[hidden]{display:none!important}
@media(max-width:1050px){.nav{padding:0 25px}.nav nav{display:none}.hero{min-height:760px;height:auto;grid-template-columns:1fr;padding-left:28px;padding-right:28px}.hero-showcase{display:none}.section-wide{padding:90px 28px}.panel{grid-template-columns:1fr}.dashboard{max-width:730px;width:100%}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-hero{grid-template-columns:1fr}.game-facts{justify-self:start}.guide-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.nav{height:64px}.login,.btn-small{display:none}.hero{min-height:700px;padding-top:115px}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.proof>div{padding:0 14px}.proof strong{font-size:17px}.section,.section-wide{width:auto;padding:78px 20px}.section-head{display:block}.section-head>p{margin-top:16px}.catalog-tools{display:block}.catalog-tools label{display:block;width:100%;margin-bottom:10px}.catalog-tools input{width:calc(100% - 30px)}.filters{overflow-x:auto}.game-grid{grid-template-columns:1fr 1fr}.game-card{height:205px}.dashboard{height:415px;padding:17px}.dash-grid{display:block}.dash-grid .dash-card:not(.main){display:none}.mini-scene{height:220px}.price-grid,.plan-grid,.guide-grid{grid-template-columns:1fr}.game-hero{padding:115px 20px 65px;background:linear-gradient(0deg,var(--bg) 35%,rgba(8,9,13,.25)),var(--cover) top center/cover no-repeat}.game-hero h1{font-size:42px}.guide-games{grid-template-columns:1fr 1fr}.page-hero{padding:125px 20px 60px}.page-hero h1{font-size:43px}.cta{min-height:320px;padding:35px 20px}footer{grid-template-columns:1fr;margin:0 20px;width:auto}.nav-actions{margin-left:auto}}