:root{--bg:#050a16;--blue:#1677ff;--text:#f5f8ff;--muted:#91a0b8;--line:rgba(141,172,218,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:5;background:#050a16e8;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}nav{max-width:1180px;height:76px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:800}.brand span{background:linear-gradient(135deg,#0874ff,#38c7ff);padding:7px 8px;border-radius:8px;margin-right:7px;font-size:15px}.links{display:flex;gap:34px;color:#aab6c9;font-size:14px}.nav-btn,.primary{background:linear-gradient(135deg,#0d6dfd,#16a5ff);padding:13px 20px;border-radius:10px;font-weight:700}.hero{max-width:1180px;min-height:690px;margin:auto;padding:110px 24px 90px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.eyebrow{color:#9bc5ff;font-size:11px;letter-spacing:2px;font-weight:bold}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;margin-right:8px}.hero h1{font-size:clamp(55px,7vw,88px);line-height:.96;letter-spacing:-5px;margin:25px 0}.hero h1 em{font-style:normal;color:#218cff}.copy>p{font-size:18px;line-height:1.7;color:#9eabc0;max-width:600px}.actions{display:flex;gap:14px;margin:35px 0}.secondary{border:1px solid #26344b;background:#0a1222;padding:15px 22px;border-radius:11px;font-weight:bold}.trust{color:#76879f;font-size:12px}.visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:390px;height:270px;border:1px solid #287eff35;border-radius:50%;transform:rotate(-15deg)}.server{width:225px;height:245px;background:linear-gradient(145deg,#152a4b,#07101f);border:1px solid #23549a;border-radius:28px;padding:35px;box-shadow:0 30px 90px #0048c84d;transform:rotate(3deg)}.server strong{display:block;font-size:66px;margin:38px 0 20px;text-shadow:0 0 35px #1e8aff}.server hr{border:0;border-top:1px solid #244367}.server b,.server small{display:block}.server small{font-size:9px;color:#6780a2;letter-spacing:2px}.led{float:right;width:8px;height:8px;border-radius:50%;background:#35d69f;box-shadow:0 0 15px #35d69f}.tag{position:absolute;padding:12px 15px;background:#0d1c32;border:1px solid #1d467b;border-radius:9px;font-size:9px;color:#7189a8}.tag b{display:block;color:white;font-size:12px;margin-top:3px}.ping{left:3%;top:22%}.status{right:1%;bottom:18%}.status b{color:#48dfad}.plans{max-width:1180px;margin:auto;padding:105px 24px}.heading{text-align:center;max-width:680px;margin:0 auto 60px}.heading>span,.contact span{font-size:11px;letter-spacing:2.5px;color:#388eff;font-weight:bold}.heading h2{font-size:42px;margin:14px 0}.heading p{color:var(--muted)}.game-title{display:flex;align-items:center;gap:14px;margin:60px 0 20px}.game-title>div{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#112644;color:#45a6ff}.game-title span>*{display:block}.game-title small{color:#718099;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{background:linear-gradient(150deg,#0e192d,#070e1b);border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.grid article.featured{border-color:#1677ff}.grid mark{position:absolute;right:18px;top:-11px;background:#1677ff;color:white;padding:6px 10px;border-radius:20px;font-size:10px}.grid label{font-size:10px;letter-spacing:2px;color:#4c8eea}.grid h3{font-size:34px;margin:14px 0}.grid h3 small{font-size:12px;color:#67768d}.price{border-bottom:1px solid var(--line);padding-bottom:22px;color:#77869c}.price b{font-size:32px;color:white}.grid article>p{height:42px;color:#8e9bb0;font-size:13px}.grid ul{padding:0;list-style:none;font-size:13px;line-height:2.25;color:#b2bed0}.grid li{color:#b2bed0}.grid button,.contact button{width:100%;padding:13px;border-radius:9px;border:1px solid #293850;background:#101a2b;color:#6d7c92;font-weight:bold}.why{padding:110px 24px;background:#081120}.features{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;text-align:center}.features article>b{display:grid;place-items:center;margin:auto;width:55px;height:55px;border-radius:15px;background:#0e2546;color:#3ba6ff;font-size:22px}.features p{color:#8594aa;line-height:1.7}.contact{max-width:1120px;margin:90px auto;padding:52px 58px;border-radius:22px;border:1px solid #194c86;background:#0b1930;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font-size:32px;margin:12px 0}.contact p{color:#95a6bd}.contact button{width:auto}footer{border-top:1px solid var(--line);padding:48px 24px;text-align:center;color:#718097}footer p{font-size:13px}
@media(max-width:800px){.links{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:75px}.actions{justify-content:center}.visual{height:380px}.grid,.features{grid-template-columns:1fr}.contact{margin:55px 18px;padding:38px 25px;flex-direction:column;text-align:center}.contact button{width:100%}.heading h2{font-size:34px}}@media(max-width:500px){.nav-btn{font-size:11px;padding:10px}.hero h1{font-size:54px;letter-spacing:-3px}.actions{flex-direction:column}.visual{transform:scale(.8);margin:-35px}.trust{line-height:2}.plans{padding-top:60px}}