:root{--bg:#1C202D;--sf:#2A3040;--sf2:#232838;--gr:#63D377;--gr2:#4FBF65;--tx:#EEF1F7;--mu:#B3BBD0;--bd:#4A5470;--am:#F5B84B;--pk:#FF8FA3;--bl:#6EB6FF;--r:18px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Montserrat,system-ui,sans-serif;font-size:16px;line-height:1.7;padding-bottom:84px}
body.z4k-nobar{padding-bottom:0}
body.z4k-lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gr);text-underline-offset:3px}
a:hover{color:#8FE6A1}
:focus-visible{outline:3px solid var(--am);outline-offset:3px;border-radius:6px}
h1,h2,h3{line-height:1.25;margin:0 0 .6em;font-weight:800}
h2{font-size:clamp(1.35rem,3.2vw,1.9rem);display:flex;align-items:center;gap:.6rem}
h3{font-size:1.1rem}
p{margin:0 0 1em}
.z4k-wrap{min-height:100dvh}
.z4k-box{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.z4k-ic{width:1.3em;height:1.3em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.z4k-c1{color:var(--gr)}.z4k-c2{color:var(--am)}.z4k-c3{color:var(--bl)}.z4k-c4{color:var(--pk)}.z4k-c5{color:#C6A4FF}
.z4k-skip{position:absolute;left:-999px;top:8px;background:var(--gr);color:#10131C;padding:8px 14px;border-radius:8px;z-index:100;font-weight:700}
.z4k-skip:focus{left:8px}
.z4k-hd{position:sticky;top:0;z-index:50;background:var(--sf);border-bottom:1px solid var(--bd)}
.z4k-hd-in{display:flex;align-items:center;gap:10px;min-height:68px}
.z4k-logo{display:flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;font-weight:800;font-size:1.15rem;margin-right:auto}
.z4k-logo img{border-radius:12px;border:2px solid var(--gr)}
.z4k-logo:hover{color:var(--tx)}
.z4k-nav{display:flex;align-items:center;gap:14px;order:2;margin:0 auto}
.z4k-nav-l{display:flex;gap:2px}
.z4k-nav-l a{display:flex;align-items:center;gap:7px;color:var(--tx);text-decoration:none;font-size:.85rem;font-weight:600;padding:8px 10px;border-radius:10px;transition:background .2s,transform .2s}
.z4k-nav-l a:hover{background:var(--bg);transform:translateY(-1px)}
.z4k-online{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--mu);border:1px solid var(--bd);border-radius:99px;padding:5px 12px;white-space:nowrap}
.z4k-acts{display:flex;gap:8px;order:3}
.z4k-burger{display:none;order:4;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:12px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.z4k-burger .z4k-ic{width:24px;height:24px}
.z4k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:.95rem;text-decoration:none;border:2px solid transparent;border-radius:12px;padding:10px 20px;min-height:44px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.z4k-btn-p{background:var(--gr);color:#10131C}
.z4k-btn-p:hover{background:#7CE08D;color:#10131C;transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,211,119,.25)}
.z4k-btn-s{background:var(--bg);color:var(--tx);border-color:var(--bd)}
.z4k-btn-s:hover{border-color:var(--gr);color:var(--tx);transform:translateY(-2px)}
.z4k-btn-l{padding:14px 28px;font-size:1.02rem}
.z4k-btn:active{transform:translateY(0) scale(.98)}
.z4k-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.z4k-hero{background:linear-gradient(180deg,rgba(28,32,45,.55),rgba(28,32,45,.95)),#2A3040 center/cover no-repeat;border-bottom:1px solid var(--bd)}
.z4k-hero-in{padding-top:clamp(56px,10vw,120px);padding-bottom:clamp(48px,8vw,96px);max-width:900px;margin-left:auto;margin-right:auto}
.z4k-hero h1{font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.02em;margin-bottom:.4em}
.z4k-kicker{display:inline-block;background:rgba(99,211,119,.15);color:var(--gr);border:1px solid var(--gr);padding:4px 14px;border-radius:99px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.z4k-lead{font-size:1.15rem;color:#DCE1EE;max-width:640px}
.z4k-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:1.4rem 0 1rem}
.z4k-18{font-size:.82rem;color:var(--mu);margin:0}
.z4k-crumbs{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0;font-size:.88rem;color:var(--mu)}
.z4k-crumbs a{color:var(--tx)}
.z4k-stack{display:flex;flex-direction:column;gap:28px;padding-bottom:48px}
.z4k-blk{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:clamp(18px,3.5vw,36px)}
.z4k-fx{opacity:1}
.js .z4k-fx{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .z4k-fx.is-in{opacity:1;transform:none}
.z4k-toc{border-radius:28px;border-left:6px solid var(--gr)}
.z4k-toc-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.z4k-toc-g a{display:flex;align-items:center;gap:10px;background:var(--bg);color:var(--tx);text-decoration:none;font-weight:600;padding:12px 14px;border-radius:12px;border:1px solid var(--bd);transition:transform .2s,border-color .2s}
.z4k-toc-g a:hover{transform:translateX(4px);border-color:var(--gr)}
.z4k-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.z4k-steps>div{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:18px;position:relative}
.z4k-steps b{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--gr);color:#10131C;align-items:center;justify-content:center;margin-bottom:10px}
.z4k-lnk{font-weight:700}
.z4k-tw{overflow-x:auto;margin:16px auto;max-width:100%;border:2px solid var(--bd);border-radius:14px}
.z4k-tb,.z4k-text table{width:100%;border-collapse:collapse;min-width:520px;text-align:left}
.z4k-tb th,.z4k-tb td,.z4k-text th,.z4k-text td{padding:12px 16px;border:1px solid var(--bd);text-align:left;vertical-align:top}
.z4k-tb th{white-space:nowrap;background:var(--sf2);width:34%}
.z4k-tb th .z4k-ic{vertical-align:-5px;margin-right:10px}
.z4k-tb tr:nth-child(even) td{background:rgba(28,32,45,.5)}
.z4k-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.z4k-tiles>div{background:var(--bg);border:1px solid var(--bd);border-radius:20px;padding:20px;transition:transform .25s,border-color .25s}
.z4k-tiles>div:hover{transform:translateY(-5px);border-color:var(--gr)}
.z4k-tiles>div:nth-child(3n+1){border-radius:28px 8px 28px 8px}
.z4k-tiles .z4k-ic{width:38px;height:38px;margin-bottom:10px}
.z4k-pc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.z4k-pc>div{border-radius:16px;padding:20px;border:2px solid}
.z4k-pc ul{margin:0;padding:0;list-style:none}
.z4k-pc li{padding:8px 0 8px 32px;position:relative;border-bottom:1px dashed var(--bd)}
.z4k-pc li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:3px solid;border-bottom:3px solid;transform:rotate(-45deg)}
.z4k-pro{border-color:var(--gr);background:rgba(99,211,119,.08)}.z4k-pro li::before{color:var(--gr)}
.z4k-con{border-color:var(--pk);background:rgba(255,143,163,.08)}
.z4k-con li::before{width:16px;height:2px;border:0;background:var(--pk);transform:rotate(0);top:21px}
.z4k-jp{background:linear-gradient(135deg,#2A3040,#34405A 60%,#2A3F3A)}
.z4k-jp-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px}
.z4k-jp-g>div{background:var(--bg);border:2px solid var(--am);border-radius:16px;padding:18px;text-align:center}
.z4k-jp-g span{display:block;color:var(--am);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.z4k-jp-g b{font-size:clamp(1.6rem,4vw,2.3rem);font-variant-numeric:tabular-nums}
.z4k-jp-g i{font-style:normal;color:var(--mu);margin-left:6px}
.z4k-dl{display:flex;flex-wrap:wrap;gap:10px}
.z4k-game{text-align:center;background:radial-gradient(circle at 50% 0,#34405A,#2A3040 65%)}
.z4k-game h2{justify-content:center}
.z4k-reels{display:flex;justify-content:center;gap:12px;margin:20px 0}
.z4k-reel{width:clamp(76px,22vw,112px);aspect-ratio:1;background:var(--bg);border:3px solid var(--gr);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.z4k-sy{width:70%;height:70%}
.z4k-reel.is-spin .z4k-sy{animation:z4kBob .18s linear infinite}
@keyframes z4kBob{from{transform:translateY(-14px)}to{transform:translateY(14px)}}
.z4k-out{min-height:84px;margin-top:18px;padding:14px;border-radius:14px;border:1px dashed var(--bd);font-weight:600}
.z4k-out.is-win{border:2px solid var(--gr);background:rgba(99,211,119,.1);animation:z4kPop .45s ease}
@keyframes z4kPop{from{transform:scale(.96)}to{transform:scale(1)}}
.z4k-wheel-w{position:relative;width:min(320px,80vw);margin:20px auto}
.z4k-wheel{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}
.z4k-wheel-g{transform-origin:0 0}
.z4k-ptr{position:absolute;left:50%;top:-8px;width:0;height:0;margin-left:-14px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #fff;z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.z4k-text{overflow-wrap:anywhere}
.z4k-text>*:first-child{margin-top:0}
.z4k-text h1{font-size:clamp(1.8rem,5vw,2.6rem)}
.z4k-text h2{display:block;margin-top:1.6em;padding-top:.4em;border-top:2px solid var(--bd)}
.z4k-text h3{margin-top:1.3em;color:var(--gr)}
.z4k-text ul,.z4k-text ol{padding-left:1.4em;margin:0 0 1.2em}
.z4k-text li{margin-bottom:.4em;padding-left:.2em}
.z4k-text ul li::marker{color:var(--gr)}
.z4k-text ol li::marker{color:var(--gr);font-weight:700}
.z4k-text blockquote{margin:1.4em 0;padding:16px 20px;border-left:5px solid var(--am);background:var(--bg);border-radius:0 14px 14px 0;color:#E4E8F2}
.z4k-text table{display:block;overflow-x:auto;max-width:100%;margin:1.2em auto;border:2px solid var(--bd)}
.z4k-text th{background:var(--sf2);color:var(--gr)}
.z4k-text img{border-radius:12px;margin:1em auto}
.z4k-text code,.z4k-text pre{background:var(--bg);border-radius:8px;padding:2px 6px}
.z4k-text pre{padding:14px;overflow-x:auto}
.z4k-text hr{border:0;border-top:2px solid var(--bd);margin:2em 0}
.z4k-faq details{background:var(--bg);border:1px solid var(--bd);border-radius:14px;margin-bottom:10px;overflow:hidden}
.z4k-faq summary{cursor:pointer;padding:16px 50px 16px 18px;font-weight:700;list-style:none;position:relative;min-height:48px}
.z4k-faq summary::-webkit-details-marker{display:none}
.z4k-faq summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:1.5rem;color:var(--gr);transition:transform .25s}
.z4k-faq details[open] summary::after{transform:rotate(45deg)}
.z4k-faq details[open]{border-color:var(--gr)}
.z4k-faq details p{padding:0 18px;margin:0 0 16px}
.z4k-cm{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.z4k-form{display:flex;flex-direction:column;gap:8px;background:var(--bg);border:1px solid var(--bd);border-radius:16px;padding:20px}
.z4k-form label{font-weight:700;font-size:.9rem}
.z4k-form input,.z4k-form textarea{font:inherit;color:var(--tx);background:var(--sf);border:2px solid var(--bd);border-radius:12px;padding:12px 14px;width:100%}
.z4k-form input:focus,.z4k-form textarea:focus{border-color:var(--gr);outline:0}
.z4k-form .z4k-btn{margin-top:8px;align-self:flex-start}
.z4k-form-msg{margin:6px 0 0;font-size:.9rem;color:var(--gr)}
.z4k-form-msg.is-err{color:var(--pk)}
.z4k-empty{color:var(--mu);border:1px dashed var(--bd);border-radius:14px;padding:20px}
.z4k-cmt{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.z4k-cmt time{margin-left:10px;font-size:.8rem;color:var(--mu)}
.z4k-cmt p{margin:.4em 0 0;overflow-wrap:anywhere}
.z4k-cm-list .z4k-btn{margin-top:6px}
.z4k-author{display:flex;gap:24px;align-items:flex-start;border-radius:28px 8px 28px 8px}
.z4k-author img{border-radius:50%;border:4px solid var(--gr);flex:none}
.z4k-role{color:var(--am);font-weight:700}
.z4k-vf{background:var(--bg);border-radius:10px;padding:10px 14px;font-size:.9rem;border-left:4px solid var(--am)}
.z4k-soc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.z4k-soc a{border:1px solid var(--gr);border-radius:99px;padding:6px 16px;font-weight:600;text-decoration:none}
.z4k-soc a:hover{background:var(--gr);color:#10131C}
.z4k-date{display:flex;align-items:center;gap:8px;color:var(--mu);margin:0}
.z4k-info{padding-top:32px;padding-bottom:48px}
.z4k-ft{background:var(--sf);border:1px solid var(--bd);border-radius:24px 24px 0 0;padding:clamp(20px,4vw,40px);margin-top:12px}
.z4k-ft-top{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.z4k-flag{width:48px;height:24px;border-radius:4px;border:1px solid var(--bd)}
.z4k-ft-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:auto}
.z4k-ft-links a{color:var(--tx);font-weight:600;font-size:.9rem}
.z4k-ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;padding:22px 0}
.z4k-ft h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}
.z4k-chips{display:flex;flex-wrap:wrap;gap:8px}
.z4k-chips span,.z4k-chips a{background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:6px 12px;font-size:.82rem;color:var(--tx);text-decoration:none}
.z4k-chips a{color:var(--gr)}
.z4k-ft-meta{border-top:1px solid var(--bd);padding-top:16px;font-size:.88rem;color:var(--mu)}
.z4k-ft-meta p{margin:0 0 6px}
.z4k-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--sf);border-top:2px solid var(--gr);display:flex;align-items:center;gap:12px;padding:10px 16px;justify-content:center;animation:z4kUp .6s ease both}
.z4k-bar[hidden]{display:none}
.z4k-bar p{margin:0;display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600}
.z4k-bar .z4k-ic{color:var(--gr)}
.z4k-bar .z4k-btn{white-space:nowrap}
.z4k-bar-x{background:none;border:0;color:var(--tx);width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}
@keyframes z4kUp{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:900px){
.z4k-burger{display:flex}
.z4k-hd-in{gap:8px;padding:0 12px}
.z4k-logo span{font-size:1rem}
.z4k-logo img{width:36px;height:36px}
.z4k-acts .z4k-btn{padding:8px 12px;min-height:40px;font-size:.85rem}
.z4k-nav{position:fixed;left:0;right:0;top:68px;bottom:0;background:var(--sf);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px;margin:0;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
.z4k-nav.is-open{transform:none;visibility:visible}
.z4k-nav-l{flex-direction:column}
.z4k-nav-l a{font-size:1.05rem;padding:14px;border:1px solid var(--bd);margin-bottom:8px;border-radius:12px}
.z4k-online{align-self:flex-start}
.z4k-pc,.z4k-cm{grid-template-columns:1fr}
.z4k-author{flex-direction:column}
.z4k-ft-links{margin-left:0}
}
@media (max-width:480px){
.z4k-logo span{display:none}
.z4k-bar{flex-wrap:wrap;justify-content:space-between}
.z4k-bar p{flex:1 1 100%;font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.js .z4k-fx{opacity:1;transform:none}
}

body{padding-bottom:0}
.z4k-ft{padding-bottom:calc(clamp(20px,4vw,40px) + 76px)}
.z4k-nobar .z4k-ft{padding-bottom:clamp(20px,4vw,40px)}
.z4k-logo{flex:none}
.z4k-logo img{width:auto;height:50px;border:0;border-radius:0}
.z4k-macts{display:none}
.z4k-hero{background-size:cover;background-position:center right}
.z4k-crumbs span[aria-current]{color:var(--tx)}
.z4k-text table{min-width:0;width:fit-content;border-radius:10px}
.z4k-text a.z4k-btn-p{color:#10131C}
.z4k-author img{object-fit:cover;background:var(--bg)}
.z4k-steps>*,.z4k-tiles>*,.z4k-pc>*,.z4k-jp-g>*,.z4k-cm>*,.z4k-ft-grid>*,.z4k-toc-g>*,.z4k-author>*{min-width:0}
@media (min-width:1024px) and (max-width:1220px){.z4k-nav-l a .z4k-ic{display:none}.z4k-nav-l a{padding:8px 8px}}
@media (max-width:1023px){
.z4k-burger{display:flex}
.z4k-acts{display:none}
.z4k-hd-in{gap:8px}
.z4k-nav{position:fixed;left:0;right:0;top:69px;bottom:0;background:var(--sf);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px;margin:0;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
.z4k-nav.is-open{transform:none;visibility:visible}
.z4k-nav-l{flex-direction:column}
.z4k-nav-l a{font-size:1.05rem;padding:14px;border:1px solid var(--bd);margin-bottom:8px;border-radius:12px}
.z4k-macts{display:flex;gap:10px}
.z4k-macts .z4k-btn{flex:1}
}
@media (max-width:900px){.z4k-logo img{width:auto;height:42px}.z4k-tb{min-width:480px}.z4k-tb th{white-space:normal}}
@media (max-width:480px){.z4k-ft{padding-bottom:calc(20px + 120px)}.z4k-nobar .z4k-ft{padding-bottom:20px}}
.z4k-crumbs ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.z4k-crumbs li+li::before{content:"/";margin-right:10px;color:var(--mu)}
.z4k-crumbs li:last-child{color:var(--tx)}