:root{
  --bg:#070b14;--bg2:#0b1120;--card:#101827;--card2:#0d1422;
  --text:#f5f7ff;--muted:#9aa6bb;--blue:#4f96ff;--purple:#8a5cff;
  --border:rgba(255,255,255,.09);--max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),92%);margin:auto}
.header{position:sticky;top:0;z-index:1000;background:rgba(7,11,20,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800}
.logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#1978ff,#8a55ff);box-shadow:0 0 25px #397fff33}
.navlinks{display:flex;gap:24px;align-items:center}
.navlinks a{font-size:14px;font-weight:700;color:#b9c3d6}
.navlinks a:hover,.navlinks a.active{color:#fff}
.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:650px;display:grid;place-items:center;background:radial-gradient(circle at 15% 25%,#2478ff22,transparent 30%),radial-gradient(circle at 85% 15%,#8a4fff1c,transparent 30%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.badge,.eyebrow{display:inline-block;color:#75adff;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px}
.badge{padding:7px 13px;border:1px solid #5796ff44;border-radius:30px;background:#3479ff12;margin-bottom:22px;letter-spacing:.5px;text-transform:none}
h1{font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-3px}
.gradient{background:linear-gradient(90deg,#55a4ff,#9b6aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:680px;color:var(--muted);font-size:18px;margin:25px 0 30px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;padding:13px 21px;border-radius:11px;font-weight:800;font-size:14px}
.primary{background:linear-gradient(135deg,#1978ff,#7c4cff)}
.secondary{border:1px solid var(--border);background:#ffffff08}
.hero-art{min-height:390px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,#17243e,#0c1220);display:grid;place-items:center;box-shadow:0 35px 80px #0006}
.ms-big{width:190px;height:190px;border-radius:45px;display:grid;place-items:center;font-size:68px;font-weight:900;background:linear-gradient(145deg,#172e5d,#10182e);border:1px solid #6fa5ff44;box-shadow:0 0 55px #3272ff2b}
.section{padding:90px 0}
.section-head{text-align:center;max-width:720px;margin:0 auto 48px}
.section-head h2{font-size:clamp(31px,4vw,45px);line-height:1.15;margin:10px 0 14px}
.section-head p{color:var(--muted)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,var(--card),var(--card2));transition:.25s}
.card:hover{transform:translateY(-4px);border-color:#619dff4d}
.icon{width:48px;height:48px;border-radius:14px;background:#4b8fff18;color:#78adff;display:grid;place-items:center;font-weight:900;margin-bottom:17px}
.card h3{margin-bottom:8px}.card p{color:var(--muted);font-size:14px}
.feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid #629cff2b;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 80% 20%,#704dff22,transparent 35%),#0e1728}
.feature-info{padding:55px}.feature-info h2{font-size:43px;margin:10px 0 16px}.feature-info p{color:var(--muted);margin-bottom:14px}
.feature-art{min-height:360px;display:grid;place-items:center;background:radial-gradient(circle,#4b83ff33,transparent 45%)}
.game-logo{width:225px;height:225px;border-radius:35px;display:grid;place-items:center;transform:rotate(6deg);background:linear-gradient(145deg,#1a2f59,#11192e);border:1px solid #6da2ff55;box-shadow:0 30px 70px #0007}
.game-logo div{transform:rotate(-6deg);text-align:center}.game-logo strong{display:block;font-size:34px}.game-logo small{color:#78adff;font-weight:800}
.alt{background:#0a0f1b;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about h2{font-size:43px;line-height:1.15;margin:10px 0 18px}.about p{color:var(--muted);margin-bottom:14px}
.list{display:grid;gap:13px}.list div{padding:16px 18px;border:1px solid var(--border);background:#ffffff06;border-radius:13px;color:#cbd3e2}
.contact{text-align:center;padding:70px 30px;border:1px solid #619dff2b;border-radius:28px;background:radial-gradient(circle at 50% 0,#397dff22,transparent 45%),#0d1525}
.contact h2{font-size:43px;margin-bottom:12px}.contact p{color:var(--muted);margin-bottom:25px}.email{display:block;color:#70aaff;font-weight:800;margin-top:17px}
.footer{border-top:1px solid var(--border);padding:42px 0 28px;background:#050810}
.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#8995aa;font-size:13px}.copyright{text-align:center;color:#596377;font-size:12px;margin-top:28px}
.page-hero{padding:80px 0 55px;background:radial-gradient(circle at 20% 20%,#2478ff19,transparent 30%)}.page-hero h1{font-size:52px;letter-spacing:-2px}.page-hero p{color:var(--muted);max-width:700px;margin-top:15px}
.content{padding:25px 0 90px}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.project{min-height:220px}.project h3{font-size:21px}.status{display:inline-block;margin:10px 0 13px;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:800;background:#4f96ff18;color:#77aeff}
.legal{background:#fff;color:#303846;border-radius:22px;padding:50px;box-shadow:0 20px 70px #0004}.legal h1{color:#111827;font-size:40px;letter-spacing:-1px;margin-bottom:8px}.legal .updated{color:#6b7280;font-size:13px;border-bottom:1px solid #e5e7eb;padding-bottom:20px;margin-bottom:30px}.legal h2{color:#111827;font-size:25px;margin:32px 0 10px}.legal h3{color:#111827;font-size:19px;margin:23px 0 8px}.legal p{margin-bottom:14px}.legal ul{margin:8px 0 18px 25px}.legal li{margin-bottom:7px}.legal a{color:#246cff;text-decoration:underline}
@media(max-width:900px){.hero-grid,.feature,.about{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.hero{padding:70px 0}.hero-art{min-height:300px}.feature-art{min-height:280px}.content-grid{grid-template-columns:1fr}}
@media(max-width:680px){.nav{min-height:64px}.menu{display:block}.navlinks{display:none;position:absolute;top:68px;left:4%;right:4%;padding:15px;flex-direction:column;align-items:stretch;background:#0d1423;border:1px solid var(--border);border-radius:16px}.navlinks.open{display:flex}.navlinks a{padding:9px}.grid4{grid-template-columns:1fr}.hero h1{font-size:46px}.section{padding:70px 0}.feature-info{padding:35px 25px}.feature-info h2,.about h2,.contact h2{font-size:32px}.page-hero h1{font-size:40px}.legal{padding:28px 20px}.legal h1{font-size:31px}.footer-row{flex-direction:column;text-align:center}}