:root{--bg:#080b12;--panel:#111720;--line:rgba(255,255,255,.09);--text:#f7f9fc;--muted:#8e99aa;--a:#7a8cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% 10%,rgba(92,113,255,.2),transparent 30%),radial-gradient(circle at 84% 14%,rgba(56,219,178,.11),transparent 25%),linear-gradient(#090d15,#080b12)}
.top{height:72px;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(8,11,18,.7);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6279ff,#8e61ee);box-shadow:0 12px 35px rgba(92,105,255,.22)}.brand b{display:block;font-size:14px;letter-spacing:2px}.brand small{display:block;color:#788398;font-size:8px;letter-spacing:2.5px;margin-top:2px}.top nav{display:flex;gap:22px}.top nav a{color:#aab3c1;text-decoration:none;font-size:12px}.top nav a:hover{color:#fff}
main{max-width:1220px;margin:auto;padding:50px 20px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:520px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#8598ff;font-weight:900}.hero h1{font-size:clamp(48px,7vw,82px);letter-spacing:-4px;line-height:.95;margin:15px 0 20px}.hero h1 span{color:#8fa2ff}.hero p{max-width:650px;color:#9ba6b7;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px}.primary-btn{padding:13px 16px;border-radius:12px;text-decoration:none;background:#f4f7fb;color:#11161e;font-size:13px;font-weight:900}.hero-actions span{font-size:10px;color:#717c90}
.hero-art{height:430px;border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(111,134,255,.2),transparent 28%),linear-gradient(145deg,#111926,#090e16);box-shadow:0 35px 90px rgba(0,0,0,.35)}.hero-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px}.arcade{text-align:center;color:#aab4c7;letter-spacing:5px;line-height:1.2;font-size:18px;position:relative;z-index:2}.arcade strong{font-size:31px;color:#fff;letter-spacing:7px}.float{position:absolute;z-index:2;width:78px;height:94px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:20px;font-size:38px;box-shadow:0 15px 45px rgba(0,0,0,.28)}.f1{left:16%;top:18%;transform:rotate(-9deg)}.f2{right:15%;bottom:18%;transform:rotate(9deg)}.f3{right:14%;top:18%;transform:rotate(7deg)}
section#games{padding-top:20px}.section-top{display:flex;align-items:end;justify-content:space-between;margin:28px 0 18px}.section-top h2{font-size:31px;margin:7px 0 0}.section-top>span{color:#707b8e;font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.game-card{display:grid;grid-template-columns:1fr 1fr;border-radius:21px;overflow:hidden;background:rgba(15,20,29,.9);border:1px solid var(--line);transition:.18s transform,.18s border-color;box-shadow:0 17px 55px rgba(0,0,0,.2)}.game-card:hover{transform:translateY(-4px);border-color:rgba(125,142,255,.3)}.cover{position:relative;min-height:225px;background:#0e141d}.cover img{width:100%;height:100%;min-height:225px;display:block;object-fit:cover}.cover span{position:absolute;left:13px;top:13px;z-index:2;padding:6px 8px;border-radius:999px;background:rgba(5,8,14,.65);border:1px solid rgba(255,255,255,.12);font-size:8px;letter-spacing:1.3px;font-weight:900}.game-body{padding:19px;display:flex;flex-direction:column}.game-body>small{color:#647187;font-size:8px;letter-spacing:2px;font-weight:900}.game-body h3{font-size:24px;margin:8px 0}.game-body p{color:#909bab;line-height:1.6;font-size:13px;margin:0 0 16px;min-height:62px}.foot{margin-top:auto;display:flex;gap:12px;align-items:center;justify-content:space-between}.foot em{font-style:normal;font-size:9px;color:#6e798c}.foot a{padding:9px 12px;border-radius:10px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#6379ff,#805eea);font-size:10px;font-weight:900;letter-spacing:1px}
footer{text-align:center;padding:25px 18px 40px;border-top:1px solid var(--line);color:#5e697a;font-size:10px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{height:330px}.grid{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:34px 14px}.top{height:66px;padding:0 15px}.top nav{gap:12px}.top nav a:last-child{display:none}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero p{font-size:14px}.hero-actions{margin-top:22px}.hero-art{height:280px}.float{width:60px;height:74px;font-size:30px}.game-card{grid-template-columns:1fr}.cover,.cover img{min-height:190px}.game-body{padding:17px}.foot{flex-direction:column;align-items:stretch}.foot a{text-align:center}}