:root{--bg:#080915;--bg2:#110a1e;--panel:#111527;--panel2:#18112a;--line:#34204a;--text:#f6f4fb;--muted:#b8b0c7;--violet:#8b5cf6;--pink:#f43fbd;--gold:#f4c45e;--cyan:#29d5ff;--max:1180px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 0,#28113a 0,transparent 30%),linear-gradient(180deg,var(--bg),#0b0d1a 55%,#070812);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,8,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,196,94,.15)}.nav{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.5px}.brandmark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet) 52%,var(--pink));box-shadow:0 0 28px rgba(139,92,246,.3)}.brandtext{font-size:21px}.brandtext span{background:linear-gradient(90deg,var(--gold),var(--pink));-webkit-background-clip:text;color:transparent}.navlinks{display:flex;gap:18px;margin-left:auto}.navlinks a{font-size:14px;color:#d7d1df}.navlinks a:hover,.navlinks .active{color:var(--gold)}.navcta{display:flex;gap:10px}.menu{display:none;background:#111528;border:1px solid var(--line);color:#fff;border-radius:11px;padding:9px 12px;font-size:19px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:13px;font-weight:800;border:1px solid var(--line);transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#6f46e5,#df36be);border:0;box-shadow:0 12px 35px rgba(190,49,197,.22)}.btn-gold{background:linear-gradient(135deg,#ffd979,#e8a936);border:0;color:#19111f}.btn-ghost{background:#111527}.hero{padding:58px 0 44px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(244,63,189,.12);filter:blur(80px);right:-110px;top:-80px}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#171229;border:1px solid #4b2a68;color:#e8d8ff;font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,75px);line-height:1.02;margin:18px 0 18px;letter-spacing:-2px}.grad{background:linear-gradient(90deg,#fff 4%,var(--gold) 45%,var(--pink) 80%,var(--cyan));-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#cec6d7;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.micro{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill{padding:9px 12px;border:1px solid #352648;background:#101322;border-radius:12px;color:#d7cfdf;font-size:13px}.hero-art{position:relative}.hero-art img{width:100%;height:480px;object-fit:cover;border-radius:28px;border:1px solid #513270;box-shadow:0 30px 80px rgba(0,0,0,.42)}.hero-art:after{content:"";position:absolute;inset:auto 12% -16px 12%;height:40px;background:radial-gradient(ellipse,rgba(244,63,189,.36),transparent 65%);filter:blur(10px)}.section{padding:58px 0}.section-alt{background:linear-gradient(180deg,rgba(27,14,40,.64),rgba(14,15,29,.68));border-top:1px solid rgba(103,58,130,.35);border-bottom:1px solid rgba(103,58,130,.35)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-size:clamp(28px,4vw,44px);line-height:1.14;margin:0 0 10px}.sub{color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:linear-gradient(180deg,#15182a,#0e1120);border:1px solid #31223f;border-radius:var(--radius);padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.16)}.card h3{margin:5px 0 8px}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#251745,#151a34);border:1px solid #56357d;font-size:24px;margin-bottom:12px}.stepnum{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#ff9d44);color:#241523;font-weight:900;margin-bottom:12px}.game-card{position:relative;overflow:hidden;min-height:170px}.game-card:before{content:"";position:absolute;inset:-40px auto auto -30px;width:120px;height:120px;border-radius:50%;background:rgba(139,92,246,.22);filter:blur(12px)}.game-card:nth-child(2):before{background:rgba(244,63,189,.18)}.game-card:nth-child(3):before{background:rgba(41,213,255,.18)}.game-card:nth-child(4):before{background:rgba(244,196,94,.18)}.game-card h3,.game-card p,.game-card a{position:relative}.featureband{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.featurevisual{min-height:330px;border-radius:26px;padding:30px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(180deg,rgba(9,10,20,.1),rgba(8,9,19,.94)),url('/assets/hero-zone.webp') center/cover;border:1px solid #4c2b64}.featurevisual h3{font-size:34px;margin:0 0 8px}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{padding:17px;border-radius:16px;background:#121426;border:1px solid #302342}.check b{color:#ffe7aa}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px;border-radius:28px;background:linear-gradient(120deg,#32133d,#172049 55%,#0f2836);border:1px solid #5a3b74}.breadcrumb{padding-top:24px;color:#a79ab4;font-size:14px}.article{max-width:900px;margin:auto}.article h1{font-size:clamp(38px,5vw,60px);line-height:1.06}.article h2{margin-top:34px}.article li{margin:8px 0}.note{padding:17px 18px;background:#17152a;border:1px solid #46325f;border-radius:15px;color:#d6cce0}.footer{padding:44px 0 24px;border-top:1px solid #2b1d39;background:#060712}.foot-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px}.foot-grid a{display:block;color:#aaa0b5;margin:7px 0}.copyright{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #241830;margin-top:24px;padding-top:18px;color:#867b91;font-size:13px}@media(max-width:920px){.menu{display:block;margin-left:auto}.navlinks,.navcta{display:none}.nav.open{flex-wrap:wrap;padding-bottom:14px}.nav.open .navlinks,.nav.open .navcta{display:flex;width:100%;flex-direction:column}.hero-grid,.featureband,.grid4,.grid3,.grid2,.foot-grid{grid-template-columns:1fr}.hero-art img{height:390px}.section-head,.cta-box,.copyright{flex-direction:column;align-items:flex-start}.brandtext{font-size:18px}}@media(max-width:560px){.wrap{width:min(var(--max),calc(100% - 22px))}.hero{padding-top:34px}.hero h1{font-size:46px}.hero-art img{height:330px}.checklist{grid-template-columns:1fr}.btn{width:100%}.hero-actions{display:grid;grid-template-columns:1fr}.micro{display:grid;grid-template-columns:1fr 1fr}}

.brand img{width:220px;max-height:58px;object-fit:contain;display:block}.topbar .brand{flex:0 0 auto}@media(max-width:900px){.brand img{width:185px}}