@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/static/portal/f/nunito-600-1.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/static/portal/f/nunito-600-2.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/static/portal/f/nunito-600-3.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/static/portal/f/nunito-700-4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/static/portal/f/nunito-700-5.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/static/portal/f/nunito-700-6.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/static/portal/f/nunito-800-7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/static/portal/f/nunito-800-8.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/static/portal/f/nunito-800-9.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/static/portal/f/nunito-900-10.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/static/portal/f/nunito-900-11.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/static/portal/f/nunito-900-12.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
 --night:#0F0A22;--night2:#1A1036;--plum:#2A1846;--ink:#FFF6EA;--mut:#BFB0DA;--mut2:#8E7FB0;
 --gold:#FFC94D;--gold2:#FF9F2E;--cta1:#FFB13D;--cta2:#FF5E3A;--glass:rgba(255,255,255,.07);--line:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Nunito,system-ui,sans-serif;background:var(--night);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block}
.w{max-width:1240px;margin:0 auto;padding:0 32px}
/* ---------- шапка ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,backdrop-filter .3s}
.nav.solid{background:rgba(15,10,34,.72);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line)}
.nav .w{display:flex;align-items:center;height:76px;gap:34px}
.wm{display:flex;align-items:center;gap:10px}
.wm img{width:44px;height:44px;border-radius:14px;box-shadow:0 0 0 2px rgba(255,201,77,.6),0 6px 16px rgba(0,0,0,.4)}
.wm b{font-weight:900;font-size:26px;line-height:.9;color:var(--gold);-webkit-text-stroke:5px #6B2A0E;paint-order:stroke fill;letter-spacing:.5px}
.wm i{display:block;font-style:normal;font-size:10px;letter-spacing:4.5px;font-weight:900;color:#fff;-webkit-text-stroke:0;margin-top:1px}
.links{display:flex;gap:4px;flex:1}
.links a{font-weight:800;font-size:15.5px;padding:10px 16px;border-radius:12px;color:rgba(255,246,234,.85);text-shadow:0 1px 6px rgba(0,0,0,.35)}
.links a:hover,.links a.on{color:#fff;background:rgba(255,255,255,.12)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border-radius:16px;font-weight:900;font-size:16px;color:#fff;border:0;cursor:pointer;white-space:nowrap;
 background:linear-gradient(180deg,var(--cta1),var(--cta2));box-shadow:0 5px 0 #A8321B,0 10px 30px rgba(255,94,58,.45),inset 0 2px 0 rgba(255,255,255,.45);transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translateY(-2px);box-shadow:0 7px 0 #A8321B,0 16px 40px rgba(255,94,58,.55),inset 0 2px 0 rgba(255,255,255,.45)}
.cta.gh{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);backdrop-filter:blur(10px)}
.cta.sm{height:44px;padding:0 18px;font-size:15px;border-radius:14px}
.store{display:inline-flex;align-items:center;gap:12px;height:64px;padding:0 24px 0 20px;border-radius:18px;background:rgba(10,6,24,.78);backdrop-filter:blur(12px);
 box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),0 12px 30px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s}
.store:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px rgba(255,201,77,.8),0 16px 40px rgba(0,0,0,.45)}
.store svg{width:30px;height:30px;flex:none}
.store small{display:block;font-size:11.5px;font-weight:700;opacity:.75;line-height:1.1}
.store b{display:block;font-size:20px;font-weight:900;line-height:1.1}
.burger{display:none}
/* ---------- первый экран ---------- */
.hero{position:relative;height:100vh;min-height:760px;max-height:980px;overflow:hidden;isolation:isolate}
.hero .bg{position:absolute;inset:-30px;background:url(/static/portal/img/hero_town.webp) center 62%/cover;z-index:-3;will-change:transform}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:
 linear-gradient(180deg,rgba(15,10,34,.55) 0%,rgba(15,10,34,0) 22%),
 linear-gradient(90deg,rgba(28,12,40,.78) 0%,rgba(28,12,40,.35) 38%,rgba(28,12,40,0) 60%),
 linear-gradient(0deg,var(--night) 0%,rgba(15,10,34,0) 26%)}
.hero .w{position:relative;height:100%;display:flex;align-items:center}
.hero .txt{max-width:620px;padding-top:40px}
.kick{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:99px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font-weight:800;font-size:14px}
.kick span{background:linear-gradient(180deg,#7BE08B,#3FA45A);color:#fff;font-weight:900;font-size:12px;padding:4px 10px;border-radius:99px;letter-spacing:.5px}
.hero h1{font-size:86px;line-height:.95;font-weight:900;letter-spacing:-2px;margin:22px 0 22px;text-shadow:0 4px 30px rgba(20,8,30,.5)}
.hero h1 .g{display:block;background:linear-gradient(180deg,#FFE9A6 0%,#FFC94D 45%,#FF9F2E 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #7A2E10) drop-shadow(0 10px 24px rgba(255,140,40,.35))}
.hero p.lead{font-size:21px;line-height:1.5;font-weight:700;color:rgba(255,246,234,.92);max-width:540px;text-shadow:0 2px 12px rgba(20,8,30,.6)}
.hero .stores{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero .free{margin-top:18px;font-size:14px;font-weight:800;color:rgba(255,246,234,.75);display:flex;gap:18px;flex-wrap:wrap}
.hero .free b{color:#fff}
.cast{position:absolute;right:0;bottom:0;width:640px;height:560px;pointer-events:none}
.cast img{position:absolute;bottom:0;filter:drop-shadow(0 24px 30px rgba(20,8,30,.55));will-change:transform}
.cast .e{right:150px;height:430px;z-index:3}
.cast .l{right:430px;height:330px;z-index:2;bottom:20px}
.cast .m{right:-10px;height:350px;z-index:2;bottom:10px}
.bubble{position:absolute;right:300px;bottom:440px;z-index:4;background:#fff;color:#2A1846;font-weight:900;font-size:17px;padding:12px 18px;border-radius:20px 20px 20px 6px;box-shadow:0 12px 30px rgba(0,0,0,.3);animation:bob 4s ease-in-out infinite}
.bubble small{display:block;font-size:12.5px;font-weight:800;color:#8E7FB0}
@keyframes bob{50%{transform:translateY(-8px)}}
.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#FFE9A6;box-shadow:0 0 12px 4px rgba(255,201,77,.7);animation:tw 3s ease-in-out infinite;z-index:-1}
@keyframes tw{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
.scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:28px;height:44px;border-radius:99px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.scroll:after{content:"";position:absolute;left:50%;top:9px;width:4px;height:9px;border-radius:2px;background:#fff;transform:translateX(-50%);animation:sc 1.8s infinite}
@keyframes sc{60%{transform:translate(-50%,10px);opacity:0}}
/* лента фактов */
.facts{position:relative;z-index:5;margin-top:-56px}
.facts .row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(36,22,64,.72);backdrop-filter:blur(18px);border-radius:24px;box-shadow:inset 0 0 0 1px var(--line),0 30px 60px rgba(0,0,0,.35);overflow:hidden}
.facts .f{display:flex;align-items:center;gap:14px;padding:22px 24px;border-left:1px solid var(--line)}
.facts .f:first-child{border-left:0}
.facts .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;flex:none;background:linear-gradient(160deg,rgba(255,201,77,.25),rgba(255,94,58,.15));box-shadow:inset 0 0 0 1px rgba(255,201,77,.35)}
.facts b{display:block;font-size:19px;font-weight:900}
.facts small{font-size:13.5px;font-weight:700;color:var(--mut)}
/* ---------- секции ---------- */
.sec{padding:120px 0;position:relative}
.eyebrow{font-weight:900;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.h2{font-size:56px;line-height:1.02;font-weight:900;letter-spacing:-1.2px;margin-top:12px}
.h2 .g{background:linear-gradient(180deg,#FFE9A6,#FFB13D);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro{font-size:19px;line-height:1.55;font-weight:700;color:var(--mut);margin-top:16px;max-width:560px}
.center{text-align:center}.center .intro{margin-left:auto;margin-right:auto}
/* как это работает */
.how{background:radial-gradient(60% 50% at 50% 0%,rgba(122,79,208,.28),transparent 70%),var(--night)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px}
.st{position:relative;border-radius:30px;padding:30px 28px 0;overflow:hidden;min-height:560px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s}
.st:hover{transform:translateY(-6px)}
.st .n{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:20px;color:#2A1846;background:linear-gradient(180deg,#FFE9A6,#FFB13D);box-shadow:0 6px 18px rgba(255,177,61,.4)}
.st h3{font-size:26px;font-weight:900;margin-top:18px}
.st p{font-size:16px;font-weight:700;color:var(--mut);margin-top:8px;line-height:1.5}
.st .ph{position:absolute;left:50%;bottom:-120px;width:250px;transform:translateX(-50%) rotate(-4deg);border-radius:36px;border:7px solid #0B0718;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12)}
.st:nth-child(2) .ph{transform:translateX(-50%) rotate(3deg)}
.st .glow{position:absolute;left:50%;bottom:40px;width:320px;height:320px;transform:translateX(-50%);border-radius:50%;filter:blur(60px);opacity:.55}
/* герои */
.heroes{padding:0;height:860px;overflow:hidden;isolation:isolate}
.heroes .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:opacity .6s;filter:saturate(1.1)}
.heroes:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,10,34,.96) 0%,rgba(15,10,34,.78) 36%,rgba(15,10,34,.15) 65%,rgba(15,10,34,.5) 100%),linear-gradient(0deg,var(--night) 0%,transparent 20%,transparent 80%,var(--night) 100%)}
.heroes .w{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}
.hinfo{max-width:520px}
.rar{display:inline-block;margin-top:22px;font-weight:900;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.hname{font-size:88px;line-height:.9;font-weight:900;letter-spacing:-2px;margin-top:14px}
.hrole{font-size:20px;font-weight:800;color:var(--gold);margin-top:10px}
.hq{font-size:26px;font-weight:900;font-style:italic;margin-top:24px;color:#fff}
.hst{font-size:17.5px;line-height:1.55;font-weight:700;color:var(--mut);margin-top:12px}
.hskill{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.hskill span{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px);padding:10px 14px;border-radius:14px;font-weight:800;font-size:14px}
.hbig{position:absolute;right:40px;bottom:120px;height:600px;z-index:1;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));transition:opacity .4s,transform .4s}
.thumbs{display:flex;gap:12px;margin-top:44px}
.th{width:76px;height:76px;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;position:relative;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18);transition:transform .2s,box-shadow .2s}
.th img{position:absolute;left:50%;bottom:-4px;height:96%;transform:translateX(-50%)}
.th.on{box-shadow:0 0 0 3px var(--gold),0 10px 24px rgba(255,177,61,.45);transform:translateY(-4px)}
.th.soon img{filter:brightness(0);opacity:.75}
.th.soon:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:28px;color:rgba(255,255,255,.8)}
/* новости */
.ngrid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:48px}
.ncard{position:relative;border-radius:28px;overflow:hidden;background:#1E1238;box-shadow:inset 0 0 0 1px var(--line);display:block;transition:transform .3s}
.ncard:hover{transform:translateY(-6px)}
.ncard .pic{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.ncard:hover .pic{transform:scale(1.06)}
.ncard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,10,34,.97) 0%,rgba(15,10,34,.55) 45%,rgba(15,10,34,0) 70%)}
.ncard .bd{position:absolute;left:0;right:0;bottom:0;padding:28px;z-index:2}
.ncard.big{height:540px}.ncard.big h3{font-size:36px}
.nside{display:grid;gap:24px}.nside .ncard{height:258px}
.ncard h3{font-size:24px;font-weight:900;line-height:1.12;margin-top:12px}
.ncard p{font-size:15.5px;font-weight:700;color:var(--mut);margin-top:8px;line-height:1.5}
.chip{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:99px;backdrop-filter:blur(8px)}
.chip.u{background:rgba(255,94,58,.25);color:#FFB49B;box-shadow:inset 0 0 0 1px rgba(255,94,58,.5)}
.chip.e{background:rgba(255,177,61,.22);color:#FFD68A;box-shadow:inset 0 0 0 1px rgba(255,177,61,.5)}
.chip.h{background:rgba(160,110,255,.22);color:#D2BBFF;box-shadow:inset 0 0 0 1px rgba(160,110,255,.5)}
.chip.c{background:rgba(80,200,120,.2);color:#9EEBB4;box-shadow:inset 0 0 0 1px rgba(80,200,120,.5)}
.date{font-size:13px;font-weight:800;color:var(--mut2);margin-top:12px}
.shd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.more{font-weight:900;font-size:16px;color:var(--gold);display:inline-flex;gap:8px;align-items:center}
/* Emma ID */
.eid{isolation:isolate;overflow:hidden}
.eid .bg{position:absolute;inset:0;background:url(/static/portal/img/night.webp) center 60%/cover;z-index:-2}
.eid:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--night) 0%,rgba(15,10,34,.35) 30%,rgba(15,10,34,.35) 70%,var(--night) 100%),linear-gradient(90deg,rgba(15,10,34,.85),rgba(15,10,34,.2) 60%)}
.eid .w{display:flex;align-items:center;gap:60px}
.eid .t{flex:1}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 36px}
.perk{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line)}
.perk i{font-style:normal;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(255,201,77,.15);flex:none}
.perk b{display:block;font-weight:900;font-size:16px}
.perk small{font-weight:700;font-size:13.5px;color:var(--mut)}
.pcard{width:400px;flex:none;border-radius:32px;padding:28px;position:relative;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 40px 80px rgba(0,0,0,.5);transform:rotate(2deg)}
.pcard:before{content:"";position:absolute;inset:-2px;border-radius:34px;padding:2px;background:linear-gradient(140deg,#FFE9A6,rgba(255,177,61,0) 40%,rgba(160,110,255,0) 60%,#A06EFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pc-top{display:flex;gap:16px;align-items:center}
.av{width:78px;height:78px;border-radius:24px;position:relative}
.av img{width:100%;height:100%;border-radius:24px}
.av span{position:absolute;right:-8px;bottom:-8px;width:32px;height:32px;border-radius:11px;background:linear-gradient(180deg,#FFE9A6,#FFB13D);color:#2A1846;font-weight:900;display:grid;place-items:center;font-size:15px;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.pc-top b{font-size:26px;font-weight:900;display:block}
.pc-top small{font-weight:800;color:var(--mut);font-size:14px}
.pro{display:inline-block;margin-top:6px;font-weight:900;font-size:12px;padding:3px 10px;border-radius:99px;background:linear-gradient(90deg,#FFB13D,#FF5E3A);color:#fff}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.pstats div{border-radius:18px;padding:14px 8px;text-align:center;background:rgba(15,10,34,.45);box-shadow:inset 0 0 0 1px var(--line)}
.pstats b{display:block;font-size:24px;font-weight:900}
.pstats small{font-size:12px;font-weight:800;color:var(--mut)}
.prog{margin-top:20px}
.prog .bar{height:12px;border-radius:99px;background:rgba(15,10,34,.55);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.prog .bar i{display:block;height:100%;width:68%;border-radius:99px;background:linear-gradient(90deg,#7BE08B,#3FA45A)}
.prog div{display:flex;justify-content:space-between;font-weight:800;font-size:13px;color:var(--mut);margin-bottom:8px}
.gift{margin-top:20px;display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(90deg,rgba(255,177,61,.25),rgba(255,94,58,.12));box-shadow:inset 0 0 0 1px rgba(255,177,61,.45)}
.gift i{font-style:normal;font-size:30px}
.gift b{display:block;font-weight:900}
.gift small{font-weight:700;font-size:13px;color:#FFE1B8}
/* финал */
.final{position:relative;text-align:center;padding:140px 0 160px;isolation:isolate;overflow:hidden}
.final .bg{position:absolute;inset:0;background:url(/static/portal/img/hero_town.webp) center 40%/cover;z-index:-2;filter:saturate(1.1)}
.final:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--night) 0%,rgba(15,10,34,.35) 35%,rgba(15,10,34,.55) 100%)}
.final .h2{font-size:72px;text-shadow:0 6px 30px rgba(20,8,30,.6)}
.final .stores{display:flex;gap:14px;justify-content:center;margin-top:36px}
/* подвал */
.foot{padding:70px 0 40px;background:#0A0618;border-top:1px solid var(--line)}
.foot .w{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot p{margin-top:16px;font-weight:700;font-size:14.5px;line-height:1.6;color:var(--mut2);max-width:300px}
.foot h4{font-weight:900;font-size:15px;margin-bottom:14px}
.foot nav a{display:block;font-weight:700;font-size:14.5px;color:var(--mut);margin:9px 0}
.foot nav a:hover{color:#fff}
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-weight:900;font-size:14px}
.copy{grid-column:1/-1;padding-top:26px;border-top:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--mut2);display:flex;justify-content:space-between}
/* появление */
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}
.rv.in{opacity:1;transform:none}
/* ---------- телефон ---------- */
@media (max-width:860px){
 .w{padding:0 18px}
 .links,.nav .cta{display:none}
 .nav .w{height:64px;justify-content:space-between}
 .burger{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
 .hero{height:auto;min-height:0;max-height:none;padding-bottom:380px}
 .hero .bg{background-position:62% 50%}
 .hero:before{background:linear-gradient(180deg,rgba(28,12,40,.85) 0%,rgba(28,12,40,.55) 45%,rgba(28,12,40,0) 70%),linear-gradient(0deg,var(--night) 0%,rgba(15,10,34,0) 22%)}
 .hero .txt{padding-top:110px}
 .hero h1{font-size:46px;letter-spacing:-1px}
 .hero p.lead{font-size:17px}
 .store{height:58px;padding:0 16px;flex:1;min-width:0}.store b{font-size:17px}
 .cast{width:100%;height:360px}
 .cast .e{right:50%;transform:translateX(50%);height:300px}.cast .l{right:auto;left:-14px;height:220px}.cast .m{right:-18px;height:230px}
 .bubble{right:auto;left:50%;bottom:300px;font-size:14px;transform:translateX(-50%);animation:none}
 .facts{margin-top:-30px}.facts .row{grid-template-columns:1fr 1fr}.facts .f{padding:16px;border-left:0;border-top:1px solid var(--line)}.facts .f:nth-child(-n+2){border-top:0}.facts .f:nth-child(even){border-left:1px solid var(--line)}
 .facts .ic{width:42px;height:42px;font-size:20px}.facts b{font-size:16px}.facts small{font-size:12px}
 .sec{padding:80px 0}.h2{font-size:38px}.intro{font-size:16.5px}
 .steps{grid-template-columns:1fr;gap:20px}.st{min-height:480px}
 .heroes{height:auto;padding:80px 0 0}.heroes:before{background:linear-gradient(0deg,var(--night) 0%,rgba(15,10,34,.2) 40%,rgba(15,10,34,.92) 75%,var(--night) 100%)}
 .hname{font-size:58px}.hbig{position:relative;right:auto;bottom:auto;height:420px;margin:20px auto 0}
 .thumbs{flex-wrap:wrap;gap:10px}.th{width:64px;height:64px}
 .ngrid{grid-template-columns:1fr}.ncard.big{height:420px}.ncard.big h3{font-size:28px}
 .eid .w{flex-direction:column;gap:40px}.perks{grid-template-columns:1fr}.pcard{width:100%;transform:none}
 .final .h2{font-size:44px}.final .stores{flex-direction:column;align-items:stretch}
 .foot .w{grid-template-columns:1fr 1fr}.foot .w>div:first-child{grid-column:1/-1}.copy{flex-direction:column;gap:6px}
}
/* правки v2 */
.hero h1{font-size:76px}
.hero .txt{max-width:720px}
.scroll{display:none}
.cast{bottom:40px}
.st{min-height:650px}
.st .ph{width:232px;bottom:-190px}
.heroes{height:780px}
.hbig{height:640px;bottom:60px;right:60px}
.ncard.big .pic{background-position:center 85%}
@media (max-width:860px){.hero h1{font-size:46px}.cast{bottom:0}.st{min-height:560px}.st .ph{width:220px;bottom:-200px}.heroes{height:auto}.hbig{height:420px;bottom:auto;right:auto}}
.st .ph img{width:100%;height:auto}
.st .ph{width:262px;bottom:-170px}.st .glow{bottom:120px}@media (max-width:860px){.st .ph{width:240px;bottom:-200px}}
@media (max-width:860px){.store{gap:10px;padding:0 14px}.store b{font-size:16px;white-space:nowrap}.store svg{width:26px;height:26px}
.facts .f{flex-direction:column;align-items:flex-start;gap:10px}.facts small{display:block;line-height:1.3}
.kick{font-size:13px}}
@media (max-width:860px){.heroes{display:flex;flex-direction:column}.heroes .w{order:1}.hbig{order:2;height:340px;margin:10px auto 0}.st{min-height:500px}.heroes .bg{opacity:.7}}
@media (max-width:860px){.st{min-height:560px}.st .ph{bottom:-250px}.shd{flex-direction:column;align-items:flex-start}}
/* ---------- внутренние страницы ---------- */
.ph2{position:relative;padding:150px 0 64px;isolation:isolate;overflow:hidden}
.ph2 .bg{position:absolute;inset:0;background:url(/static/portal/img/hero_town.webp) center 70%/cover;z-index:-2;filter:blur(2px) saturate(1.1);transform:scale(1.05)}
.ph2:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--night) 0%,rgba(15,10,34,.55) 55%,rgba(15,10,34,.78) 100%)}
.ph2 h1{font-size:62px;font-weight:900;letter-spacing:-1.5px;line-height:1.02;margin-top:12px}
.ph2 p.sub{font-size:19px;font-weight:700;color:var(--mut);margin-top:14px;max-width:720px;line-height:1.5}
.tabs{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.tabs a{height:42px;display:inline-flex;align-items:center;padding:0 18px;border-radius:99px;font-weight:900;font-size:14.5px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px)}
.tabs a.on{background:linear-gradient(180deg,#FFE9A6,#FFB13D);color:#2A1846;box-shadow:0 6px 18px rgba(255,177,61,.35)}
.nl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 100px}
.nl .ncard{height:380px}.nl .ncard.big{grid-column:span 2}
.empty{padding:60px 0 120px;text-align:center;color:var(--mut);font-weight:800;font-size:18px}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;padding:28px;backdrop-filter:blur(12px)}
.glass h3{font-size:22px;font-weight:900;margin-bottom:6px}
.glass .s{font-size:14.5px;font-weight:700;color:var(--mut);line-height:1.5}
.promo-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,rgba(255,177,61,.28),rgba(255,94,58,.1));box-shadow:inset 0 0 0 1.5px rgba(255,177,61,.5)}
.promo-code{margin-top:18px;border:2px dashed var(--gold);border-radius:18px;padding:14px;text-align:center;font-weight:900;font-size:28px;letter-spacing:5px;color:var(--gold);user-select:all}
/* статья */
.art-hd{position:relative;padding:160px 0 70px;isolation:isolate;overflow:hidden}
.art-hd .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}
.art-hd:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--night) 0%,rgba(15,10,34,.5) 50%,rgba(15,10,34,.7) 100%)}
.art-hd h1{font-size:56px;font-weight:900;letter-spacing:-1.2px;line-height:1.04;max-width:900px;margin-top:16px}
.art-hd .date{font-size:15px;margin-top:16px}
.art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:10px 0 110px;align-items:start}
.prose{font-size:18px;line-height:1.7;font-weight:600;color:#E9E1F5}
.prose .lead{font-size:21px;font-weight:800;color:#fff;line-height:1.55;margin-bottom:24px}
.prose h2{font-size:30px;font-weight:900;color:#fff;margin:38px 0 12px;letter-spacing:-.5px}
.prose h3{font-size:22px;font-weight:900;color:#fff;margin:28px 0 8px}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px 24px}.prose li{margin:6px 0}
.prose b,.prose strong{color:#fff;font-weight:900}
.prose a{color:var(--gold);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.prose img{max-width:100%;border-radius:22px;margin:22px 0;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.prose blockquote{margin:22px 0;padding:18px 22px;border-radius:20px;background:rgba(255,201,77,.1);box-shadow:inset 3px 0 0 var(--gold);color:#fff;font-weight:800}
.aside{position:sticky;top:100px;display:grid;gap:18px}
.aside a.it{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px}
.aside a.it:hover,.aside a.it.on{background:rgba(255,255,255,.07)}
.aside a.it i{font-style:normal;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(255,201,77,.14);flex:none}
.aside a.it b{font-weight:900;font-size:15px;line-height:1.25}
.aside a.it .th2{width:64px;height:48px;border-radius:12px;background-size:cover;background-position:center;flex:none}
/* гайды */
.gl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0 110px}
.gcard{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px var(--line);transition:transform .25s,box-shadow .25s}
.gcard:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1.5px rgba(255,201,77,.6),0 20px 40px rgba(0,0,0,.35)}
.gcard i{font-style:normal;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:32px;background:linear-gradient(160deg,rgba(255,201,77,.28),rgba(255,94,58,.14));box-shadow:inset 0 0 0 1px rgba(255,201,77,.35)}
.gcard b{font-size:21px;font-weight:900}
.gcard span{font-size:15px;font-weight:700;color:var(--mut);line-height:1.5}
.gstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.gstrip .gcard{padding:20px;flex-direction:row;align-items:center}.gstrip .gcard i{width:52px;height:52px;font-size:26px;flex:none}.gstrip .gcard b{font-size:17px}
/* поддержка */
.sup{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;padding:10px 0 110px;align-items:start}
.faq details{border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px var(--line);margin-bottom:12px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:900;font-size:17.5px;display:flex;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";margin-left:auto;font-size:26px;color:var(--gold);transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq .a{padding:0 24px 22px;font-size:16px;line-height:1.65;font-weight:700;color:var(--mut)}
.faq .a b{color:#fff}
.doc{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-weight:800}
.doc:first-of-type{border-top:0}.doc span{margin-left:auto;color:var(--gold)}
/* кабинет */
.acc{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:10px 0 110px;align-items:start}
.side{padding:12px;position:sticky;top:96px}
.side a{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;border-radius:16px;font-weight:900;font-size:15.5px;color:var(--mut);cursor:pointer}
.side a.on{background:rgba(255,201,77,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,201,77,.4)}
.side a .sn{margin-left:auto;font-size:11px;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.1);color:var(--mut)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px}
.day{height:118px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(15,10,34,.5);box-shadow:inset 0 0 0 1px var(--line);font-weight:900;font-size:15px}
.day i{font-style:normal;font-size:32px}.day small{font-size:12px;color:var(--mut2);font-weight:800}
.day.got{opacity:.45}
.day.now{background:linear-gradient(180deg,rgba(255,177,61,.35),rgba(255,94,58,.18));box-shadow:inset 0 0 0 2px var(--gold),0 10px 30px rgba(255,177,61,.3);transform:translateY(-4px)}
.day.big{background:linear-gradient(180deg,rgba(160,110,255,.35),rgba(122,79,208,.15));box-shadow:inset 0 0 0 1.5px rgba(160,110,255,.6)}
.day.big.now{box-shadow:inset 0 0 0 2px var(--gold),0 10px 30px rgba(255,177,61,.3)}
.drow{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.inp{display:flex;gap:12px;margin-top:16px}
.inp input,.fld{flex:1;min-width:0;height:56px;border-radius:16px;border:0;background:rgba(15,10,34,.55);box-shadow:inset 0 0 0 1.5px var(--line);color:#fff;font:800 18px Nunito,sans-serif;padding:0 18px;outline:none}
.inp input:focus,.fld:focus{box-shadow:inset 0 0 0 2px var(--gold)}
.inp input.code{letter-spacing:4px;text-transform:uppercase;font-weight:900;font-size:20px}
.inp .cta{height:56px}
.rw{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.rw:first-of-type{border-top:0}
.rw .ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.08);flex:none;font-weight:900}
.rw b{display:block;font-weight:900;font-size:16px}.rw small{font-weight:700;font-size:13.5px;color:var(--mut)}
.rw .r{margin-left:auto;white-space:nowrap}
.okk{color:#7BE08B;font-weight:900;font-size:14.5px;white-space:nowrap}
.bad{color:#FF8A7A;font-weight:900;font-size:14.5px;cursor:pointer;white-space:nowrap}
.hdr{display:flex;align-items:center;gap:22px}
.hdr .av{width:96px;height:96px}
.hdr b.nm{font-size:34px;font-weight:900;display:block;line-height:1.1}
.ring{margin-left:auto;display:flex;gap:12px}
.ring div{width:118px;border-radius:20px;padding:14px;text-align:center;background:rgba(15,10,34,.5);box-shadow:inset 0 0 0 1px var(--line)}
.ring b{font-size:26px;font-weight:900}.ring small{font-size:12.5px;font-weight:800;color:var(--mut)}
.msg{margin-top:12px;font-weight:800;font-size:14.5px;min-height:20px}
.msg.ok{color:#7BE08B}.msg.er{color:#FF8A7A}
/* вход */
.login{max-width:520px;margin:0 auto;padding:10px 0 120px}
.login .glass{padding:34px}
.login h2{font-size:30px;font-weight:900;text-align:center}
.login .s{text-align:center;margin-top:8px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;border-radius:16px;font-weight:900;font-size:16.5px;margin-top:12px;cursor:pointer;border:0}
.sbtn.ap{background:#fff;color:#000}.sbtn.go{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.or{display:flex;align-items:center;gap:14px;margin:22px 0 6px;color:var(--mut2);font-weight:800;font-size:13px}
.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.login .cta{width:100%;margin-top:14px;height:56px}
.note2{margin-top:18px;font-size:13.5px;font-weight:700;color:var(--mut2);text-align:center;line-height:1.5}
.hide{display:none!important}
/* окно */
.mdl{position:fixed;inset:0;z-index:90;background:rgba(5,3,14,.7);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}
.mdl .glass{max-width:460px;width:100%;background:#1E1238}
.btns{display:flex;gap:12px;margin-top:22px}.btns>*{flex:1;height:52px}
/* мобильное меню */
.mnav{position:fixed;inset:0;z-index:80;background:rgba(15,10,34,.97);backdrop-filter:blur(12px);padding:90px 24px 24px;display:flex;flex-direction:column;gap:6px}
.mnav a{font-weight:900;font-size:24px;padding:14px 4px;border-bottom:1px solid var(--line)}
.mnav .cta{margin-top:20px;font-size:18px}
.burger{cursor:pointer;border:0;color:#fff}
.nav .cta.user{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.nav .cta.user img{width:28px;height:28px;border-radius:9px}
.store.soon{opacity:.6;pointer-events:none}
@media (max-width:860px){
 .ph2{padding:110px 0 40px}.ph2 h1{font-size:40px}.ph2 p.sub{font-size:16px}
 .nl{grid-template-columns:1fr}.nl .ncard.big{grid-column:auto}.nl .ncard{height:340px}
 .art-hd{padding:110px 0 40px}.art-hd h1{font-size:34px}
 .art,.sup,.acc{grid-template-columns:1fr}.aside,.side{position:static}
 .prose{font-size:16.5px}.prose .lead{font-size:18px}.prose h2{font-size:24px}
 .gl,.gstrip{grid-template-columns:1fr}
 .grid2{grid-template-columns:1fr}.days{grid-template-columns:repeat(4,1fr)}.day{height:96px}
 .hdr{flex-wrap:wrap}.hdr .av{width:72px;height:72px}.hdr b.nm{font-size:26px}.ring{margin-left:0;width:100%}.ring div{flex:1;width:auto}
 .side{display:flex;overflow-x:auto;gap:6px;padding:8px}.side a{height:44px;white-space:nowrap;flex:none}
 .inp{flex-direction:column}.login .glass{padding:24px}
}