:root{
  --bg:#030914;--bg2:#071329;--panel:#08162c;--panel2:#0b1b38;--line:#0d4d80;
  --text:#f6fbff;--muted:#a9bdd1;--cyan:#08d6ff;--blue:#1488ff;--purple:#7f3cff;
  --pink:#ff18d1;--gold:#ffbf42;--green:#2fe8b5;--max:1500px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:
radial-gradient(circle at 18% 30%,rgba(89,35,180,.18),transparent 25%),
radial-gradient(circle at 80% 60%,rgba(0,157,255,.12),transparent 30%),
linear-gradient(180deg,#020711 0%,#06101f 48%,#020711 100%);line-height:1.5}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
.topbar{position:sticky;top:0;z-index:99;background:rgba(2,8,18,.96);border-bottom:1px solid rgba(21,131,216,.32);backdrop-filter:blur(16px)}
.nav{height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:8px;min-width:360px}.brand img{width:300px;height:54px;object-fit:contain}.brand-live{font-size:25px;font-style:italic;font-weight:1000;background:linear-gradient(90deg,#32dcff,#885dff,#ff3ad8);-webkit-background-clip:text;color:transparent;margin-left:-55px;margin-top:-9px}.navlinks{display:flex;gap:7px;align-items:center;margin-left:auto}.navlinks a{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;text-transform:uppercase;padding:15px 12px;border-radius:10px;color:#f8fbff}.navlinks a:hover,.navlinks a.active{background:linear-gradient(180deg,rgba(4,102,175,.35),rgba(4,28,60,.9));box-shadow:inset 0 -2px 0 var(--cyan);color:#bff6ff}.nav-actions{display:flex;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid rgba(51,154,255,.45);border-radius:12px;padding:14px 26px;font-weight:900;text-transform:uppercase;letter-spacing:.2px;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-blue{background:linear-gradient(135deg,#09c8ff,#0d74ff 55%,#6543ff);box-shadow:0 0 22px rgba(0,184,255,.35)}.btn-pink{background:linear-gradient(135deg,#f40ecf,#ff28e1 50%,#9b32ff);box-shadow:0 0 22px rgba(255,0,208,.33);border-color:rgba(255,105,232,.5)}.btn-dark{background:#07172e;border-color:#174d7a}.menu{display:none;background:#07172e;color:white;border:1px solid #174d7a;border-radius:10px;padding:8px 12px;font-size:22px}
.hero{border-bottom:1px solid rgba(14,111,187,.38);overflow:hidden}.hero-inner{min-height:405px;display:grid;grid-template-columns:55% 45%;background:linear-gradient(90deg,rgba(1,8,20,.08),rgba(2,7,18,.94) 54%,rgba(3,9,20,.99));position:relative}.hero-art{min-height:405px;background-image:linear-gradient(90deg,rgba(0,0,0,0) 70%,#030914 99%),url('hero-art.webp');background-size:cover;background-position:center;position:relative}.hero-art:after{content:"";position:absolute;inset:auto 0 0 0;height:110px;background:linear-gradient(transparent,#030914)}.hero-copy{padding:30px 44px 28px 26px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.kicker{font-size:20px;font-weight:900;font-style:italic;letter-spacing:.5px;margin-bottom:5px;color:#fff}.kicker span{color:var(--cyan)}.hero-title{font-size:clamp(46px,5.2vw,76px);line-height:.96;margin:4px 0 10px;font-style:italic;font-weight:1000;letter-spacing:-2px;text-shadow:0 6px 24px #000}.hero-title .brandword{color:#f5f7fb}.hero-title .live{background:linear-gradient(90deg,#3be5ff,#7f6dff,#ff36d6);-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:27px;font-weight:1000;font-style:italic;margin:0 0 10px;text-transform:uppercase;color:#d6d9e3;text-shadow:0 3px 12px #000}.hero-desc{font-size:18px;color:#eef5ff;max-width:600px;margin:0 0 12px;text-align:center}.quick-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:4px 0 14px}.quick{background:linear-gradient(180deg,#07182f,#061126);border:1px solid #173e6b;border-radius:12px;padding:9px 8px;display:flex;align-items:center;gap:8px;min-height:56px}.quick i{font-style:normal;font-size:26px;color:var(--cyan);filter:drop-shadow(0 0 7px #0bdcff)}.quick b{font-size:12px;line-height:1.15}.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-cta .btn{font-size:20px;padding:16px 18px;border-radius:12px}
.category-strip{padding:10px 20px;background:#020913;border-bottom:1px solid #14385f}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.game-card{height:75px;border-radius:10px;overflow:hidden;border:1px solid #1460a0;position:relative;background:#071329;box-shadow:inset 0 0 30px rgba(11,58,110,.2)}.game-card img{width:100%;height:100%;object-fit:cover}.game-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,18,.15),rgba(2,7,18,.25))}.game-label{position:absolute;z-index:2;left:76px;right:38px;top:50%;transform:translateY(-50%)}.game-label strong{display:block;font-size:17px}.game-label small{display:block;font-size:12px;color:#e1ecf5}.game-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#15d8ff,#5540ff);font-weight:900}
.dashboard{padding:0 20px 8px}.dash-grid{display:grid;grid-template-columns:1.08fr 1.12fr;gap:12px}.panel{background:linear-gradient(180deg,rgba(7,23,47,.96),rgba(4,13,29,.98));border:1px solid #124d81;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 45px rgba(26,45,115,.08)}.phones-panel{display:grid;grid-template-columns:58% 42%;min-height:205px;background-image:linear-gradient(90deg,rgba(0,0,0,.1),rgba(3,10,24,.9) 56%),url('phones.webp');background-size:auto 100%;background-repeat:no-repeat;background-position:left center}.phones-copy{grid-column:2;padding:16px 16px 12px 2px}.panel-title{font-size:25px;line-height:1.05;margin:0 0 8px;text-transform:uppercase;font-weight:1000;font-style:italic}.panel-title .accent{background:linear-gradient(90deg,#14d5ff,#a866ff,#ff3bd9);-webkit-background-clip:text;color:transparent}.panel p{margin:5px 0;color:#e4ecf4}.mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.mini-feature{font-size:11px;text-align:center;background:rgba(3,12,28,.86);border:1px solid #0c598e;border-radius:9px;padding:8px 4px}.mini-feature i{display:block;font-style:normal;font-size:20px;color:var(--cyan)}.guide{padding:14px 14px 12px}.guide h2{font-size:24px;margin:0 0 12px;text-transform:uppercase}.guide h2 span{color:var(--cyan)}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.gstep{background:linear-gradient(180deg,#07152e,#0b0f35);border:1px solid #3143a4;border-radius:8px;padding:14px 7px;text-align:center;min-height:145px}.gicon{width:47px;height:47px;margin:0 auto 12px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#18cbff,#712bff);font-size:26px;box-shadow:0 0 16px rgba(66,48,255,.42)}.gstep b{display:block;margin-bottom:6px}.gstep small{font-size:12px;color:#e8eef6}
.info-row{display:grid;grid-template-columns:1.55fr .95fr;gap:12px;margin-top:10px}.device-security{min-height:160px;background-image:linear-gradient(90deg,rgba(4,15,32,.96),rgba(4,14,31,.82)),url('ambient.webp');background-size:cover;background-position:center;display:grid;grid-template-columns:1.05fr 1fr;gap:8px;padding:12px}.section-mini-title{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 5px;font-weight:1000}.section-mini-title i{font-style:normal;color:var(--cyan);font-size:25px}.device-desc{font-size:13px;color:#d3dfeb;margin-bottom:8px}.devices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.device{background:rgba(4,14,31,.92);border:1px solid #0d4d80;border-radius:8px;padding:10px 4px;text-align:center;font-size:11px}.device i{font-style:normal;display:block;font-size:28px;margin-bottom:4px}.security{padding:0 6px 0 18px}.security h3{color:var(--cyan);font-size:18px;margin:3px 0 8px;text-transform:uppercase}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0}.check:before{content:'✓';width:16px;height:16px;border-radius:3px;background:var(--cyan);color:#00101d;font-size:11px;font-weight:1000;display:grid;place-items:center}.faq-card{padding:12px}.faq-card h3{font-size:18px;margin:0 0 8px;text-transform:uppercase}.faq-item{border-bottom:1px solid #163c67;padding:7px 2px}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:13px}.faq-q span:first-child:before{content:'☑';color:#18e6ff;margin-right:7px}.faq-a{display:none;color:#9fb7cc;font-size:12px;padding:7px 3px 2px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q b{transform:rotate(90deg)}
.footer{border-top:1px solid #143f6f;background:#020813;padding:12px 0 14px;margin-top:4px}.footer-grid{display:grid;grid-template-columns:280px 1fr 160px 200px;align-items:center;gap:18px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:185px}.footer-brand .brand-live{font-size:18px;margin-left:-38px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#d7e5ef}.social{display:flex;gap:10px}.social span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#17c8ff,#184bff);font-size:13px;font-weight:900}.copy{font-size:12px;text-align:right;color:#e6edf5}
.inner-hero{padding:58px 0 42px;background:linear-gradient(90deg,rgba(4,10,25,.94),rgba(8,20,44,.82)),url('og.webp') center/cover}.inner-hero h1{font-size:52px;margin:0 0 10px}.inner-hero p{font-size:18px;max-width:800px;color:#d2dfec}.content{padding:42px 0 58px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.article{background:#07152a;border:1px solid #124b7f;border-radius:16px;padding:26px}.article h2{margin-top:0}.article h3{color:#40ddff;margin-top:28px}.article p,.article li{color:#d8e4ef}.article .note{padding:15px;background:#0a2540;border-left:4px solid var(--cyan);border-radius:8px}.side-card{background:#07152a;border:1px solid #124b7f;border-radius:16px;padding:20px;margin-bottom:16px}.side-card h3{margin-top:0}.side-card a{display:block;padding:9px 0;border-bottom:1px solid #14365d;color:#cde3f3}.breadcrumb{font-size:13px;color:#91a9bb;margin-bottom:14px}
@media(max-width:1180px){.brand{min-width:260px}.brand img{width:230px}.brand-live{font-size:20px;margin-left:-43px}.navlinks a{padding:13px 8px;font-size:12px}.quick-badges{grid-template-columns:repeat(3,1fr)}.hero-copy{padding-right:20px}.hero-title{font-size:55px}.hero-subtitle{font-size:22px}}
@media(max-width:900px){.wrap{width:min(100% - 20px,var(--max))}.nav{height:auto;min-height:66px;flex-wrap:wrap;padding:6px 0}.brand{min-width:0}.brand img{width:210px}.brand-live{font-size:17px;margin-left:-39px}.menu{display:block;margin-left:auto}.navlinks,.nav-actions{display:none;width:100%;flex-direction:column}.nav.open .navlinks,.nav.open .nav-actions{display:flex}.navlinks{align-items:stretch}.navlinks a{justify-content:center}.hero-inner{grid-template-columns:1fr}.hero-art{min-height:360px;background-position:45% center}.hero-copy{padding:26px 18px 30px}.hero-desc{text-align:left}.quick-badges{grid-template-columns:repeat(2,1fr)}.hero-cta{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.info-row,.device-security,.content-grid{grid-template-columns:1fr}.phones-panel{grid-template-columns:1fr;background-position:left center;min-height:420px}.phones-copy{grid-column:1;align-self:end;background:linear-gradient(transparent,rgba(3,9,23,.96));padding:110px 18px 18px}.guide-steps{grid-template-columns:repeat(2,1fr)}.security{padding:12px 0 0}.devices{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links,.social{justify-content:center}.copy{text-align:center}.inner-hero h1{font-size:40px}}
@media(max-width:560px){.hero-art{min-height:285px}.hero-title{font-size:42px}.hero-subtitle{font-size:19px}.hero-desc{font-size:15px}.quick-badges{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr}.category-strip,.dashboard{padding-left:10px;padding-right:10px}.guide-steps{grid-template-columns:1fr 1fr}.game-label{left:88px}.inner-hero{padding:38px 0}.inner-hero h1{font-size:34px}.article{padding:18px}}