:root{--bg:#070b13;--bg2:#0d1421;--card:#111a29;--card2:#152033;--blue:#168cff;--text:#fff;--muted:#b4c0d1;--green:#22c55e;--line:#26344a}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(100% - 32px,1000px);margin-inline:auto}.narrow{max-width:760px;text-align:center}.section{padding:72px 0}.section--alt{background:var(--bg2)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(30px,8.5vw,58px);line-height:1.08;margin:18px 0}h2{font-size:clamp(27px,5vw,40px);line-height:1.15;text-align:center;margin:0 0 28px}h3{line-height:1.25;margin:10px 0}p{color:var(--muted)}.lead{font-size:clamp(17px,2vw,20px)}.header{position:sticky;top:0;z-index:20;background:rgba(7,11,19,.96);border-bottom:1px solid var(--line)}.header__inner{min-height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;flex-shrink:0}.brand img{width:44px}.header nav{display:flex;gap:18px;margin-left:auto;font-size:14px;color:var(--muted)}.header nav a:hover,.footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 25px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;text-align:center;transition:transform .15s,background .15s}.button:hover{background:#2f8cff;transform:translateY(-1px)}.button--small{min-height:44px;padding:8px 19px}.button--ghost{background:transparent}.hero{padding-top:58px;text-align:center;background:radial-gradient(circle at 50% 15%,#12315b 0,transparent 42%)}.hero__logo{width:116px;margin:0 auto}.status{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:6px 12px;border-radius:999px;background:#10251c;color:#b9f7cf;font-size:14px}.status i{width:8px;height:8px;border-radius:50%;background:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats div,.card,.steps article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.stats strong,.stats span{display:block}.stats strong,.bonus-grid strong{font-size:clamp(23px,3vw,31px);color:#57aaff}.stats span{font-size:13px;color:var(--muted)}.code-card{display:flex;align-items:center;gap:18px;background:var(--card2);border:1px solid #2b5f99;border-radius:16px;padding:18px 22px;text-align:left}.code-card span{color:var(--muted)}.code-card strong{font-size:25px;letter-spacing:1px;margin-right:auto}.copy-button{border:1px solid var(--blue);background:transparent;color:#fff;padding:10px 15px;border-radius:9px;cursor:pointer}.actions{display:flex;justify-content:center;gap:12px;margin:22px 0}.hero small,.final-cta small{display:block;color:#8794a8}.game-showcase{display:grid;grid-template-columns:1.45fr 1fr;gap:30px;align-items:center;background:var(--card);padding:18px;border-radius:20px;border:1px solid var(--line)}.game-showcase img{border-radius:14px}.game-showcase h2{text-align:left;margin-bottom:14px}.grid{display:grid;gap:16px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.card{margin:0}.card p{margin-bottom:0}.card>a{display:inline-block;margin-top:16px;color:#57aaff;font-weight:800}.icon{font-size:28px;color:#57aaff}.note{text-align:center}.center-button{display:flex;width:max-content;margin:26px auto 0}.inline-code{width:max-content;max-width:100%;margin:0 auto 24px;padding:12px 20px;background:var(--card);border-radius:12px}.steps article b{font-size:25px;color:#57aaff}.number-list{margin:0 auto;text-align:left;display:grid;gap:10px;padding-left:28px}.number-list li{padding:10px 14px;background:var(--card);border-radius:10px}.device-list,.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.device-list span,.tags span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:#dbe7f7}.faq{display:grid;gap:10px;text-align:left}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 18px}.faq summary{padding:17px 32px 17px 0;font-weight:700;cursor:pointer;position:relative}.faq summary::after{content:'+';position:absolute;right:2px;font-size:23px;color:#57aaff}.faq details[open] summary::after{content:'−'}.faq p{margin-top:0}.final-cta{text-align:center;background:linear-gradient(145deg,#0d2341,#101a2b)}.final-code{display:block;font-size:28px;letter-spacing:2px;margin:20px}.tags-section h2{font-size:25px}.tags{justify-content:flex-start}.tags span{font-size:14px;max-width:100%}footer{border-top:1px solid var(--line);padding:35px 0;background:#060a11}.footer{display:flex;justify-content:space-between;gap:24px}.footer__links{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start}.redirect-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle,#12315b,var(--bg) 60%)}.redirect-card{width:min(100%,540px);padding:34px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px}.redirect-card img{width:100px;margin:auto}.redirect-card h1{font-size:clamp(29px,7vw,44px)}
@media(max-width:780px){.header nav{display:none}.header__inner{gap:12px}.header .button{margin-left:auto}.grid--3,.grid--4,.game-showcase{grid-template-columns:1fr}.game-showcase h2{text-align:center}.game-showcase .button{display:flex}.stats{grid-template-columns:repeat(2,1fr)}.section{padding:56px 0}.footer{flex-direction:column}.footer__links{flex-direction:column}.card{padding:20px}}
@media(max-width:430px){.container{width:min(100% - 32px,1000px)}.brand span{font-size:15px}.brand img{width:39px}.header__inner{min-height:68px}.header .button{min-height:52px;padding:8px 16px}.hero{padding-top:42px}.stats{gap:8px}.stats div{padding:15px 8px}.stats strong{font-size:21px}.code-card{flex-direction:column;gap:8px;text-align:center}.code-card strong{margin:0}.copy-button{width:100%;min-height:52px}.actions{flex-direction:column}.actions .button,.center-button,.final-cta .button{width:100%}.game-showcase{padding:12px}.section{padding:48px 0}.tags{justify-content:flex-start}.tags span{font-size:13px;padding:7px 10px}.redirect-card{padding:26px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
