@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
:root{--blue:#0b8ff5;--blue2:#37c5ff;--navy:#082b5c;--bg:#f4f9ff;--text:#0c2b55;--muted:#6b7f99;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
.topbar{height:34px;background:linear-gradient(90deg,#0790ef,#16b7ff);color:#fff;display:flex;align-items:center;gap:34px;padding:0 5%;font-size:12px;font-weight:600}.social{margin-left:auto}
.nav{height:76px;background:#fff;display:flex;align-items:center;gap:26px;padding:0 5%;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px rgba(21,84,140,.09)}.brand img{width:245px;display:block}.search{height:42px;display:flex;flex:1;max-width:420px;border:1px solid #d8e8f7;border-radius:10px;overflow:hidden}.search input{border:0;outline:0;padding:0 16px;flex:1;font-size:13px}.search button{width:52px;border:0;background:var(--blue);color:#fff;font-size:23px}.nav nav{display:flex;gap:25px;white-space:nowrap}.nav nav a{color:#092b58;text-decoration:none;font-size:12px;font-weight:700}.nav nav .active{color:var(--blue);border-bottom:3px solid var(--blue);padding-bottom:25px}.cart,.login{white-space:nowrap}.cart{text-decoration:none;color:var(--navy);font-size:12px;font-weight:700}.cart b{background:var(--blue);color:#fff;border-radius:50%;padding:3px 7px}.login{border:0;background:var(--blue);color:#fff;padding:12px 19px;border-radius:12px;font-weight:800}
.hero{position:relative;max-width:1440px;margin:auto;height:365px;overflow:hidden;background:#168edc}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,48,105,.82),rgba(5,48,105,.18) 62%,rgba(5,48,105,.02))}.hero-copy{position:absolute;z-index:2;left:8%;top:58px;color:#fff;max-width:530px}.hero-copy span{display:inline-block;background:#082e63;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:800}.hero h1{font-size:62px;line-height:.95;margin:12px 0 4px;font-weight:900;font-style:italic;letter-spacing:-3px}.hero h2{font-size:21px;margin:0 0 12px}.hero p{font-size:13px;line-height:1.6;max-width:480px}.primary{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:13px 22px;border-radius:12px;font-weight:800;margin-top:8px}
.quick-games{max-width:1330px;margin:0 auto;padding:18px 0;display:flex;align-items:center;gap:15px}.game-strip{display:flex;justify-content:space-between;gap:18px;flex:1;overflow:hidden}.game-strip button{border:0;background:none;color:var(--navy);font-weight:700;min-width:105px;cursor:pointer}.game-icon{width:72px;height:72px;margin:auto;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900;box-shadow:0 8px 18px rgba(0,90,160,.18)}.game-icon.ml,.cover.ml{background:linear-gradient(135deg,#1375d7,#62d8ff)}.game-icon.ff,.cover.ff{background:linear-gradient(135deg,#ff8b00,#ff3e16)}.game-icon.pubg,.cover.pubg{background:linear-gradient(135deg,#132a47,#71859b)}.game-icon.gi,.cover.gi{background:linear-gradient(135deg,#68bfff,#e7f8ff)}.game-icon.hs,.cover.hs{background:linear-gradient(135deg,#a46cff,#ff8bcf)}.game-icon.va,.cover.va{background:linear-gradient(135deg,#0e172e,#ff4354)}.game-icon.cod{background:linear-gradient(135deg,#293b42,#879a8c)}.game-icon.mc{background:linear-gradient(135deg,#4ca04b,#8ed44b)}.game-strip small{display:block;margin-top:8px}.round{border:0;background:#9fd8ff;color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px}
.promos{max-width:1330px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promos article{height:150px;border-radius:15px;overflow:hidden;padding:22px;background:linear-gradient(110deg,#0b4d9b,#0b9ff5);color:#fff;position:relative;box-shadow:0 8px 20px rgba(22,116,180,.18)}.promos article:nth-child(2){background:linear-gradient(110deg,#122f55,#22a6ff)}.promos article:nth-child(3){background:linear-gradient(110deg,#2368b6,#8fdcff)}.promos b,.promos strong,.promos span{display:block}.promos b{font-size:14px}.promos strong{font-size:22px;margin:9px 0}.promos span{font-size:12px}.promos em{position:absolute;right:25px;bottom:16px;font-size:48px;font-style:italic;font-weight:900;color:#fff}
.section{max-width:1330px;margin:30px auto}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0;font-size:24px}.section-head p{margin:5px 0;color:var(--muted);font-size:13px}.section-head a{background:var(--blue);color:#fff;text-decoration:none;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:16px}.product{background:#fff;border:1px solid #e0ecf8;border-radius:13px;overflow:hidden;position:relative;padding-bottom:13px;box-shadow:0 5px 15px rgba(27,87,135,.08)}.cover{height:115px;color:#fff;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.cover span{font-size:9px;font-weight:800}.cover b{font-size:19px;line-height:.95}.product h3{font-size:13px;margin:12px 12px 4px}.product p{font-size:11px;color:var(--muted);margin:0 12px 12px}.product>strong{font-size:14px;margin-left:12px}.buy{float:right;margin-right:10px;border:0;background:var(--blue);color:#fff;padding:8px 12px;border-radius:8px;font-weight:800;font-size:11px;cursor:pointer}
.steps{max-width:1330px;margin:45px auto;padding:22px;border-radius:18px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;box-shadow:0 8px 25px rgba(40,100,150,.08)}.steps div{display:grid;grid-template-columns:45px 1fr;column-gap:12px}.steps i{grid-row:span 2;background:#dff2ff;color:var(--blue);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900}.steps h3{font-size:14px;margin:2px 0}.steps p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}
.faq{max-width:900px;margin:45px auto}.faq h2{text-align:center}.faq details{background:#fff;border:1px solid #dceaf6;border-radius:10px;margin:10px 0;padding:15px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);font-size:13px;line-height:1.6}
footer{background:#062b5b;color:#cce5ff;text-align:center;padding:35px}.brand img,footer img{height:auto}footer img{width:210px;background:#fff;border-radius:15px}footer p{font-size:13px}footer small{opacity:.75}.toast{position:fixed;right:25px;bottom:25px;background:#082e63;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.25s;z-index:99}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.nav nav{display:none}.products{grid-template-columns:repeat(3,1fr)}.promos{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.nav{gap:15px}.brand img{width:200px}}
@media(max-width:700px){.topbar{gap:10px;font-size:9px;overflow:hidden;white-space:nowrap}.topbar div:nth-child(3),.topbar div:nth-child(4),.social{display:none}.nav{height:64px;padding:0 15px}.brand img{width:145px}.search{max-width:none}.cart,.login{display:none}.hero{height:430px}.hero>img{object-position:64% center}.hero-copy{left:22px;right:22px;top:35px}.hero h1{font-size:43px}.hero h2{font-size:16px}.hero p{font-size:12px}.quick-games{padding:12px}.game-strip{gap:7px}.game-strip button{min-width:83px}.game-icon{width:58px;height:58px}.game-strip button:nth-child(n+6){display:none}.promos,.products,.steps{margin-left:15px;margin-right:15px}.products{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.section{margin:25px 15px}.section-head h2{font-size:20px}}