:root{--bg:#020611;--panel:#081126;--line:#24385f;--txt:#f8f9ff;--muted:#aeb8d2;--pink:#ff1593;--cyan:#22d3ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1280px,94%);margin:auto}
.top{position:sticky;top:0;z-index:20;background:#030714f2;border-bottom:1px solid #1c2d4e}.topline{display:flex;align-items:center;gap:20px;padding:10px 0}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900}.logo img{width:82px;height:56px;object-fit:contain;border-radius:7px}.logo b{color:var(--pink)}.search{margin-left:auto;width:min(430px,40vw);background:#101a34;border:1px solid #34496f;border-radius:28px;padding:12px 18px;color:#aeb8d2}.langs{display:flex;gap:6px}.langs a{padding:7px 9px;border:1px solid #34496f;border-radius:8px;font-size:12px}.langs .on{background:#6b46ff}.nav{display:flex;gap:26px;padding:10px 0;font-size:13px;text-transform:uppercase;overflow:auto}.nav .active{color:var(--pink);border-bottom:2px solid var(--pink);padding-bottom:8px}
.hero{min-height:430px;position:relative;overflow:hidden;background:radial-gradient(circle at 77% 55%,#ff5b282c 0,transparent 18%),radial-gradient(circle at 73% 44%,#2467ff3a 0,transparent 36%),linear-gradient(110deg,#02030a 0 43%,#081d43 65%,#230d35 100%);border-bottom:1px solid #263a61}.hero:before{content:"";position:absolute;right:7%;top:10%;width:43%;height:80%;border:1px solid #445c8b;border-radius:30px;transform:skewX(-10deg);background:linear-gradient(135deg,#112a5c99,#541b4599);box-shadow:0 0 80px #235eff2a}.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:46% 54%;min-height:430px;align-items:center}.hero-logo{width:min(350px,80%);border-radius:20px;box-shadow:0 0 45px #7b27ff30}.hero h1{font-size:clamp(34px,4.7vw,62px);margin:17px 0 6px}.hero h1 span{color:var(--cyan)}.hero p{font-size:17px;line-height:1.6;color:#d9dff0}.hero-call{justify-self:end;width:78%;align-self:end;margin-bottom:48px;padding:22px;border:1px solid #693a8f;border-radius:14px;background:#090d22d9}.hero-call b{font-size:25px}.hero-call p{margin:6px 0}
.quick{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;padding:18px 0}.q{min-height:94px;border:1px solid #245ca5;border-radius:10px;background:#071126;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:12px}.q:nth-child(even){border-color:#7a2f93}
.section{padding:28px 0}.title{display:flex;justify-content:space-between;align-items:end}.title h2{font-size:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gamesgrid{grid-template-columns:repeat(5,1fr)}.card{background:linear-gradient(#0c1730,#070d1c);border:1px solid var(--line);border-radius:12px;overflow:hidden}.thumb{height:125px;background:linear-gradient(135deg,#16336c,#4c1b63 55%,#9c274a);display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:900;padding:10px}.body{padding:14px}.eyebrow{color:var(--cyan);font-size:11px}.body h3{margin:7px 0}.body p,.section>p{color:var(--muted);line-height:1.5;font-size:14px}.read{font-weight:bold;color:#e9e0ff;font-size:13px}
.community{margin:25px 0 42px;padding:24px;border:1px solid #78389e;border-radius:14px;background:linear-gradient(100deg,#150b32,#0a1731);display:flex;justify-content:space-between;align-items:center;gap:20px}.btn{display:inline-block;background:linear-gradient(90deg,#6b49ff,#3d63ff);padding:12px 20px;border-radius:25px;font-weight:bold}
.article{max-width:900px;padding:55px 0}.article h1{font-size:clamp(38px,6vw,64px)}.lead{font-size:20px;color:var(--muted);line-height:1.6}.box{background:#0b1428;border:1px solid var(--line);border-radius:14px;padding:20px}.article p{color:#d7deef;line-height:1.8}footer{border-top:1px solid #24355a;padding:28px 0;color:#909bb7;font-size:13px}
@media(max-width:980px){.hero-in{grid-template-columns:1fr}.hero-call{display:none}.quick{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.gamesgrid{grid-template-columns:repeat(3,1fr)}.search{display:none}}@media(max-width:600px){.logo span{font-size:16px}.logo img{width:62px}.langs{margin-left:auto}.hero{min-height:360px}.hero-in{min-height:360px}.quick{grid-template-columns:repeat(2,1fr)}.grid,.gamesgrid{grid-template-columns:1fr}.community{flex-direction:column;align-items:flex-start}}