:root{--bg:#05070d;--panel:#0d1320;--surface:rgba(255,255,255,.045);--surface2:rgba(255,255,255,.075);--line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.18);--text:#f5f7fa;--text2:#a8b0c3;--text3:#747d92;--green:#42f59b;--green2:#20bd76;--cyan:#55d7ff;--violet:#8b5cf6;--gold:#f8c75a;--red:#ff5577;--orange:#ff9f43;--shadow:0 32px 110px rgba(0,0,0,.48);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 14% -6%,rgba(139,92,246,.23),transparent 33%),radial-gradient(circle at 96% 7%,rgba(66,245,155,.14),transparent 33%),linear-gradient(180deg,#05070d,#070b14 46%,#04060b);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 85%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.035),transparent 30%),radial-gradient(circle at 50% 100%,rgba(85,215,255,.08),transparent 40%)}a{color:inherit}.container{width:min(1240px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:60;background:rgba(5,7,13,.78);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(20px)}.navin{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.045em}.logo{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;font-weight:950;font-size:13px;background:linear-gradient(145deg,var(--violet),var(--cyan) 48%,var(--green));box-shadow:0 18px 70px rgba(66,245,155,.16)}.navlinks{display:flex;gap:24px;color:var(--text2);font-size:14px;font-weight:800}.navlinks a{text-decoration:none;opacity:.88}.navlinks a:hover{opacity:1;color:var(--text)}.btn{min-height:54px;padding:0 22px;border-radius:18px;border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;font-weight:900;font-size:15px;letter-spacing:-.02em;color:#03130b;background:linear-gradient(145deg,#a8ffd0,var(--green),var(--green2));box-shadow:0 22px 70px rgba(66,245,155,.18);transition:.26s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 30px 90px rgba(66,245,155,.24)}.btn.dark{color:var(--text);background:rgba(255,255,255,.06);box-shadow:none}.btn.blue{color:var(--text);background:linear-gradient(145deg,var(--violet),#4269ff);box-shadow:0 22px 70px rgba(139,92,246,.2)}.btn.gold{color:#211500;background:linear-gradient(145deg,#ffe7a1,var(--gold),var(--orange));box-shadow:0 22px 70px rgba(248,199,90,.2)}.kicker,.badge{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text2);font-weight:850;font-size:13px}.hero{padding:86px 0 80px}.heroGrid{display:grid;grid-template-columns:1.01fr .99fr;gap:62px;align-items:center}h1{margin:20px 0 24px;font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.075em;color:var(--text);font-weight:950;text-wrap:balance}h2{margin:0 0 20px;font-size:clamp(40px,5.5vw,72px);line-height:.96;letter-spacing:-.065em;color:var(--text);font-weight:950;text-wrap:balance}h3{margin:0 0 10px;color:var(--text);font-size:24px;letter-spacing:-.045em}.lead,.sub{color:var(--text2);line-height:1.58;font-weight:620}.lead{font-size:clamp(18px,2vw,23px);max-width:710px;margin:0 0 30px}.sub{font-size:19px;max-width:840px;margin:0 0 30px}.ctas{display:flex;flex-wrap:wrap;gap:13px}.heroProof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.proof{padding:15px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text2);font-weight:760}.proof b{display:block;color:var(--text);font-size:17px;margin-bottom:4px}.scene{position:relative;min-height:660px;border-radius:52px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 72% 16%,rgba(66,245,155,.18),transparent 31%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.2),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.026));box-shadow:var(--shadow);perspective:1200px}.lightBeam{position:absolute;width:260px;height:720px;right:10%;top:-10%;background:linear-gradient(180deg,rgba(85,215,255,.12),transparent);filter:blur(22px);transform:rotate(18deg);opacity:.65}.device{position:absolute;left:50%;top:51%;width:470px;height:570px;padding:16px;border-radius:54px;transform:translate(-50%,-50%) rotateX(6deg) rotateY(-15deg);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.2);box-shadow:0 42px 140px rgba(0,0,0,.58);animation:floatDevice 7s var(--ease) infinite}@keyframes floatDevice{0%,100%{transform:translate(-50%,-50%) rotateX(6deg) rotateY(-15deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(7deg) rotateY(-9deg) translateY(-12px)}}.screen{height:100%;padding:24px;border-radius:39px;background:linear-gradient(180deg,#0c1324,#050810);border:1px solid rgba(255,255,255,.11);overflow:hidden}.appTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.rankOrb{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--violet));font-weight:950}.mockCard{padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);margin:11px 0}.mockCard strong{display:block;font-size:19px;color:var(--text);letter-spacing:-.035em}.mockCard small{display:block;color:var(--text2);font-weight:720;line-height:1.45;margin-top:4px}.bar{height:11px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:13px}.bar i{display:block;height:100%;width:62%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--violet));border-radius:inherit}.float{position:absolute;width:210px;padding:15px;border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(20px);box-shadow:0 25px 75px rgba(0,0,0,.28);animation:floatPanel 6s var(--ease) infinite}.float b{display:block;color:var(--text);font-size:17px}.float span{display:block;color:var(--text2);font-size:13px;line-height:1.36;margin-top:4px}.f1{left:26px;top:90px}.f2{right:25px;top:142px;animation-delay:-1.2s}.f3{left:28px;bottom:130px;animation-delay:-2.3s}.f4{right:35px;bottom:78px;animation-delay:-3.2s}@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}.section{padding:78px 0}.featureGrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.card{padding:28px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.063),rgba(255,255,255,.028));box-shadow:0 18px 70px rgba(0,0,0,.12)}.card.big{grid-row:span 2;background:radial-gradient(circle at 0 0,rgba(66,245,155,.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}.ico{font-size:34px;margin-bottom:16px}.card p{color:var(--text2);line-height:1.55;margin:0;font-weight:660}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flowStep{position:relative;padding:20px;border-radius:26px;border:1px solid var(--line);background:rgba(255,255,255,.048)}.num{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(66,245,155,.13);color:var(--green);font-weight:950;margin-bottom:14px}.mapGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.timeline{display:grid;gap:12px}.trow{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:15px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.tnum{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--cyan));color:#03120b;font-weight:950}.botMock{padding:22px;border-radius:34px;background:linear-gradient(180deg,#121b2e,#0a101c);border:1px solid var(--line);box-shadow:var(--shadow)}.chatLine{padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.065);margin:12px 0;color:var(--text2);font-weight:720}.chatLine.ok{border:1px solid rgba(66,245,155,.22);color:var(--text)}.priceBox{display:grid;grid-template-columns:1fr .86fr;gap:18px}.price{font-size:76px;font-weight:950;letter-spacing:-.07em;line-height:.9}.list{display:grid;gap:10px;margin:22px 0}.list span{color:var(--text2);font-weight:720}.list span:before{content:"✓";color:var(--green);font-weight:950;margin-right:10px}.notice{padding:24px;border-radius:30px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text2);line-height:1.62;font-weight:700}.footer{border-top:1px solid rgba(255,255,255,.08);padding:40px 0 56px;color:var(--text3);font-weight:720}.page{min-height:100vh;display:grid;place-items:center;padding:32px}.auth{width:min(720px,100%);padding:34px;border-radius:38px;border:1px solid var(--line);background:rgba(255,255,255,.052);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth h1{font-size:clamp(44px,7vw,74px)}.input,.textarea,.select{width:100%;border:1px solid var(--line2);background:rgba(255,255,255,.055);color:var(--text);outline:none;border-radius:22px;font:inherit;font-weight:800}.input{min-height:64px;padding:0 20px;font-size:20px}.textarea{min-height:180px;padding:18px;resize:vertical}.select{min-height:52px;padding:0 14px}.msg{min-height:28px;margin-top:14px;font-weight:900}.msg.ok{color:var(--green)}.msg.err{color:var(--red)}.appBody{min-height:100vh;padding:18px}.appShell{width:min(1600px,100%);margin:auto;display:grid;grid-template-columns:292px 1fr;gap:18px}.side{position:sticky;top:18px;height:calc(100vh - 36px);padding:18px;border-radius:36px;border:1px solid var(--line);background:rgba(255,255,255,.045);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 80px rgba(0,0,0,.2)}.menu{display:grid;gap:8px;overflow:auto}.navbtn{min-height:50px;border-radius:17px;border:1px solid transparent;background:transparent;color:var(--text2);display:flex;align-items:center;gap:11px;padding:0 13px;cursor:pointer;font-weight:850;text-align:left;font-size:14px;transition:.2s var(--ease)}.navbtn:hover,.navbtn.active{background:rgba(255,255,255,.075);border-color:var(--line);color:var(--text);transform:translateX(2px)}.main{display:grid;gap:18px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.appTitle{font-size:clamp(40px,5vw,64px);line-height:.94;letter-spacing:-.065em;margin:10px 0 0;color:var(--text)}.tab{display:none}.tab.active{display:block}.panel{padding:26px;border-radius:36px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.026));box-shadow:0 18px 70px rgba(0,0,0,.12)}.panel.heroPanel{background:radial-gradient(circle at 10% 0,rgba(66,245,155,.12),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03))}.appGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.hudGrid,.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hud,.stat{padding:15px;border-radius:20px;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.09)}.hud b,.stat b{font-size:24px;color:var(--text);letter-spacing:-.04em}.hud small,.stat small{display:block;color:var(--text3);font-weight:800;margin-top:5px}.questList,.noteList,.historyList{display:grid;gap:12px}.quest{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px;border-radius:23px;border:1px solid var(--line);background:rgba(255,255,255,.046);transition:.22s var(--ease)}.quest:hover{transform:translateY(-2px);background:rgba(255,255,255,.065)}.quest.done{opacity:.58}.qicon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(66,245,155,.12);border:1px solid rgba(66,245,155,.19)}.check{width:40px;height:40px;border-radius:14px;border:1px solid var(--line2);display:grid;place-items:center;cursor:pointer;font-weight:950}.modeGrid,.shopGrid,.achGrid,.reportGrid,.inventoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.modeCard{padding:20px;border-radius:26px;border:1px solid var(--line);background:rgba(255,255,255,.045);cursor:pointer;transition:.2s var(--ease)}.modeCard:hover,.modeCard.active{transform:translateY(-3px);border-color:rgba(66,245,155,.34);background:rgba(66,245,155,.07)}.noteTools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.noteCard{padding:16px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.046)}.noteCard small{color:var(--text3);font-weight:800}.noteCard p{white-space:pre-wrap;color:var(--text2)}.bossAvatar{height:260px;border-radius:34px;border:1px solid var(--line);display:grid;place-items:center;font-size:88px;background:radial-gradient(circle at 50% 25%,rgba(255,85,119,.28),transparent 38%),linear-gradient(145deg,rgba(139,92,246,.18),rgba(255,255,255,.03));animation:bossPulse 3.5s var(--ease) infinite}@keyframes bossPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018);filter:brightness(1.1)}}.programMap{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.day,.programDay{aspect-ratio:1;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.045);display:grid;place-items:center;text-align:center;color:var(--text3);font-weight:900;padding:7px}.programDay{aspect-ratio:auto;min-height:76px;align-content:center}.day.done,.programDay.current{background:linear-gradient(145deg,var(--green),var(--cyan));color:#03120b}.programDay.boss{border-color:rgba(255,85,119,.38);background:rgba(255,85,119,.1)}.programDay.reward{border-color:rgba(248,199,90,.38);background:rgba(248,199,90,.1)}.programDay small{display:block;font-size:10px;line-height:1.2;opacity:.85}.characterCard{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center}.avatar3d{height:170px;border-radius:40px;display:grid;place-items:center;font-size:88px;border:1px solid var(--line);background:radial-gradient(circle at 40% 20%,rgba(248,199,90,.3),transparent 36%),linear-gradient(145deg,rgba(66,245,155,.12),rgba(139,92,246,.18));animation:floatDevice 7s var(--ease) infinite}.empty{padding:18px;border-radius:22px;border:1px dashed rgba(255,255,255,.17);background:rgba(255,255,255,.035);color:var(--text3);font-weight:800}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.76);z-index:140;padding:24px}.modal.show{display:grid}.chestBox{width:min(560px,100%);padding:34px;border-radius:42px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 0,rgba(248,199,90,.28),transparent 38%),linear-gradient(145deg,#121827,#060913);text-align:center;box-shadow:var(--shadow)}.chestIcon{font-size:128px;animation:chestPop 1.15s cubic-bezier(.18,.89,.32,1.28) both}@keyframes chestPop{0%{transform:scale(.42) rotate(-16deg);filter:brightness(.8)}45%{transform:scale(1.18) rotate(8deg);filter:brightness(1.6)}100%{transform:scale(1) rotate(0)}}.sparkles{height:78px;position:relative}.sparkles i{position:absolute;width:8px;height:8px;border-radius:50%;left:50%;top:50%;background:var(--gold);animation:spark 1.1s ease-out both}.sparkles i:nth-child(2){background:var(--green);animation-delay:.08s}.sparkles i:nth-child(3){background:var(--cyan);animation-delay:.15s}.sparkles i:nth-child(4){background:var(--violet);animation-delay:.22s}@keyframes spark{to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}@media(max-width:1100px){.heroGrid,.mapGrid,.priceBox,.appGrid{grid-template-columns:1fr}.featureGrid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.appShell{grid-template-columns:1fr}.side{position:static;height:auto}.menu{grid-template-columns:repeat(3,1fr)}.modeGrid,.shopGrid,.achGrid,.reportGrid,.inventoryGrid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.container{width:min(100% - 24px,1240px)}.navlinks{display:none}.hero{padding:46px 0 56px}.ctas .btn{width:100%}.heroProof,.featureGrid,.flow,.modeGrid,.shopGrid,.achGrid,.reportGrid,.inventoryGrid,.hudGrid,.stats{grid-template-columns:1fr}h1{font-size:clamp(44px,14vw,62px)}h2{font-size:clamp(34px,11vw,48px)}.scene{min-height:590px;border-radius:32px}.device{width:286px;height:486px;border-radius:42px}.screen{padding:16px;border-radius:30px}.float{width:160px;padding:11px}.f1{left:8px;top:22px}.f2{right:8px;top:93px}.f3{left:8px;bottom:108px}.f4{right:8px;bottom:34px}.programMap{grid-template-columns:repeat(5,1fr)}.characterCard{grid-template-columns:1fr}.menu{grid-template-columns:1fr}.auth{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* ===== V17 POLISH: calm premium UI, cleaner text rendering ===== */
:root{
  --text:#f7f8fb;
  --text-soft:#e7ebf2;
  --text2:#b8c0cf;
  --text3:#8993a5;
}
html,body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}
body{
  background:
    radial-gradient(circle at 14% -6%,rgba(74,96,255,.15),transparent 33%),
    radial-gradient(circle at 96% 7%,rgba(66,245,155,.095),transparent 31%),
    linear-gradient(180deg,#05070d 0%,#060a12 46%,#04060b 100%);
}
body:before{opacity:.38}
h1,h2,.appTitle{
  color:var(--text);
  text-shadow:none!important;
  letter-spacing:-.052em;
  font-weight:900;
}
h1{
  font-size:clamp(48px,6vw,82px);
  line-height:1.02;
  max-width:790px;
}
h2{
  font-size:clamp(36px,4.6vw,62px);
  line-height:1.04;
}
h3,b,strong,.brand,.navlinks,.btn{
  text-shadow:none!important;
}
.lead,.sub,.card p,.notice,.flowStep p{
  color:var(--text2);
  text-shadow:none!important;
  font-weight:600;
}
.nav{background:rgba(5,7,13,.9)}
.scene{
  background:
    radial-gradient(circle at 72% 16%,rgba(66,245,155,.12),transparent 31%),
    radial-gradient(circle at 20% 80%,rgba(74,96,255,.15),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.022));
}
.float{
  background:rgba(12,18,30,.78);
  border-color:rgba(255,255,255,.13);
}
.card,.panel,.auth,.flowStep,.proof,.trow,.botMock{
  box-shadow:0 18px 70px rgba(0,0,0,.18);
}
.btn{box-shadow:0 16px 45px rgba(66,245,155,.14)}
.btn:hover{box-shadow:0 22px 62px rgba(66,245,155,.18)}
.price{color:var(--text);text-shadow:none!important}
.appBody h1,.appBody h2,.appBody h3,.appBody b{ text-shadow:none!important; }
.appTitle{font-size:clamp(36px,4.2vw,56px)}
.avatar3d,.bossAvatar{animation:none}
.playerAvatar{
  width:170px;height:170px;border-radius:40px;display:grid;place-items:center;
  font-size:82px;border:1px solid var(--line);
  background:radial-gradient(circle at 40% 20%,rgba(66,245,155,.22),transparent 36%),linear-gradient(145deg,rgba(85,215,255,.10),rgba(139,92,246,.14));
}
.heroCodeButton,.clientOnlyHidden{display:none!important}
.nameRow{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}
.profileName{
  font-size:clamp(34px,4vw,52px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:10px 0;
  color:var(--text);
  font-weight:900;
}
.cleanTitle{max-width:760px}
@media(max-width:680px){
  h1{font-size:clamp(40px,12vw,56px)}
  h2{font-size:clamp(30px,9vw,44px)}
  .nameRow{grid-template-columns:1fr}
}

/* ===== D2M V18: product polish ===== */
:root{--bg:#04070d;--text:#f4f7fb;--text2:#aeb8ca;--text3:#7f8ba0;--green:#45ee9b;--cyan:#4ccff7;--violet:#8167ff;--gold:#f3c969;--red:#ff5f7c;--line:rgba(255,255,255,.105)}
html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:radial-gradient(circle at 15% -8%,rgba(82,104,255,.16),transparent 34%),radial-gradient(circle at 86% 8%,rgba(69,238,155,.095),transparent 32%),linear-gradient(180deg,#04070d 0%,#060a12 46%,#03050a 100%)}body:before{opacity:.25;background-size:88px 88px}h1,h2,.appTitle{color:var(--text)!important;text-shadow:none!important;font-weight:850!important;letter-spacing:-.047em!important}h1{font-size:clamp(44px,5.4vw,76px)!important;line-height:1.045!important;max-width:760px}h2{font-size:clamp(34px,4.15vw,56px)!important;line-height:1.065!important}h3{font-weight:800!important;letter-spacing:-.035em!important}.lead{font-size:clamp(17px,1.55vw,21px)!important;line-height:1.68!important;font-weight:520!important;color:#c3cad8!important}.sub,.card p,.notice,.flowStep p{color:#aeb8ca!important;font-weight:520!important;line-height:1.65!important}.btn{font-weight:760!important}.navlinks{font-weight:720!important}.card,.panel,.auth,.proof,.flowStep,.trow,.botMock{background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.020))!important;box-shadow:0 22px 70px rgba(0,0,0,.17)!important}.nav{background:rgba(4,7,13,.91)!important;border-bottom:1px solid rgba(255,255,255,.065)!important}.scene{min-height:640px!important;background:radial-gradient(circle at 78% 12%,rgba(69,238,155,.11),transparent 32%),radial-gradient(circle at 20% 80%,rgba(129,103,255,.135),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.050),rgba(255,255,255,.018))!important}.device{width:500px!important;height:545px!important;border-radius:44px!important;animation:v18Float 8s cubic-bezier(.16,1,.3,1) infinite!important}@keyframes v18Float{0%,100%{transform:translate(-50%,-50%) rotateX(5deg) rotateY(-12deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(6deg) rotateY(-8deg) translateY(-10px)}}.screen{border-radius:32px!important}.float{background:rgba(11,17,29,.82)!important;border-color:rgba(255,255,255,.12)!important}.productScene{margin-top:20px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.productPanel{min-height:330px;padding:28px;border-radius:34px;border:1px solid var(--line);background:radial-gradient(circle at 20% 0,rgba(69,238,155,.11),transparent 40%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));position:relative;overflow:hidden}.todayStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.todayMini{padding:14px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.todayMini b{display:block;font-size:20px;color:var(--text)}.bossScene{min-height:420px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:center}.bossOrb{height:280px;border-radius:38px;border:1px solid rgba(255,95,124,.22);background:radial-gradient(circle at 50% 36%,rgba(255,95,124,.22),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));display:grid;place-items:center;font-size:92px}.rewardBurst{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.rewardCard{padding:18px;border-radius:24px;border:1px solid rgba(243,201,105,.18);background:rgba(243,201,105,.052)}.journalPreview{display:grid;gap:12px;margin-top:14px}.journalItem{padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.playerAvatar{width:176px;height:176px;border-radius:42px;display:grid;place-items:center;font-size:0!important;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 24%,rgba(76,207,247,.25),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));position:relative}.playerAvatar:before{content:"";width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#e8f2ff,#aeb8ca);position:absolute;top:34px}.playerAvatar:after{content:"";width:112px;height:70px;border-radius:42px 42px 24px 24px;background:linear-gradient(145deg,rgba(69,238,155,.95),rgba(76,207,247,.72));position:absolute;bottom:30px;box-shadow:0 18px 60px rgba(69,238,155,.18)}.dailyHero{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.battleCard{min-height:360px;border-radius:36px;border:1px solid rgba(255,95,124,.18);background:radial-gradient(circle at 50% 20%,rgba(255,95,124,.18),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.018));padding:24px;display:grid;align-content:space-between}.cleanDashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.cleanMetric{padding:16px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.cleanMetric b{font-size:24px;color:var(--text)}.cleanMetric small{display:block;color:var(--text3);font-weight:650;margin-top:5px}.battleAvatar{height:150px;border-radius:28px;display:grid;place-items:center;font-size:64px;background:radial-gradient(circle,rgba(255,95,124,.22),transparent 60%)}@media(max-width:1100px){.productScene,.bossScene,.dailyHero{grid-template-columns:1fr}}@media(max-width:680px){.todayStrip,.rewardBurst,.cleanDashboard{grid-template-columns:1fr}.device{width:300px!important;height:475px!important}.scene{min-height:560px!important}}


/* ===== V19 DESIGN SYSTEM / PWA POLISH ===== */
:root{
  --v19-bg:#05070c;
  --v19-panel:#0b111b;
  --v19-panel2:#101723;
  --v19-card:rgba(255,255,255,.045);
  --v19-card2:rgba(255,255,255,.068);
  --v19-line:rgba(255,255,255,.12);
  --v19-line2:rgba(255,255,255,.18);
  --v19-text:#f5f7fb;
  --v19-muted:#b8c2d4;
  --v19-soft:#8793a8;
  --v19-green:#50e69b;
  --v19-cyan:#63d6ff;
  --v19-violet:#8b7bff;
  --v19-gold:#e9bf68;
  --v19-red:#ff6682;
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --shadow-soft:0 22px 70px rgba(0,0,0,.22);
}
html{scroll-behavior:smooth}
body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  color:var(--v19-text)!important;
  background:
    radial-gradient(circle at 13% -4%,rgba(99,214,255,.10),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(80,230,155,.08),transparent 33%),
    linear-gradient(180deg,#05070c 0%,#060a12 48%,#04060a 100%)!important;
  letter-spacing:-.012em;
}
body:before{opacity:.10!important;background-size:128px 128px!important}
body:after{content:none!important}
h1,h2,.appTitle{
  font-weight:780!important;
  letter-spacing:-.042em!important;
  color:#f5f7fb!important;
  text-shadow:none!important;
}
h1{font-size:clamp(42px,5.1vw,72px)!important;line-height:1.065!important}
h2{font-size:clamp(30px,3.65vw,50px)!important;line-height:1.095!important}
h3{font-weight:760!important;letter-spacing:-.03em!important}
.lead{font-size:clamp(17px,1.45vw,20px)!important;line-height:1.66!important;color:var(--v19-muted)!important;font-weight:480!important}
.sub,.card p,.notice,.flowStep p{font-weight:470!important;color:var(--v19-muted)!important;line-height:1.62!important}
.nav{background:rgba(5,7,12,.86)!important;backdrop-filter:blur(20px)!important}
.btn{border-radius:18px!important;font-weight:740!important;box-shadow:0 16px 50px rgba(80,230,155,.13)!important}
.btn.dark{background:rgba(255,255,255,.052)!important;border-color:var(--v19-line)!important;box-shadow:none!important}
.btn.blue{background:linear-gradient(135deg,#7469ff,#5fcfff)!important}
.card,.panel,.auth,.flowStep,.proof,.trow,.botMock,.productPanel{
  background:linear-gradient(145deg,rgba(255,255,255,.056),rgba(255,255,255,.024))!important;
  border:1px solid var(--v19-line)!important;
  box-shadow:var(--shadow-soft)!important;
}
.hero{padding-top:94px!important}
.heroGrid{grid-template-columns:1fr 1fr!important;gap:56px!important}
.scene{min-height:590px!important;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important}
.device{box-shadow:0 40px 110px rgba(0,0,0,.34)!important;border-color:rgba(255,255,255,.14)!important}
.float{backdrop-filter:blur(18px)!important;background:rgba(12,18,29,.88)!important}
.heroProof{margin-top:22px!important}
.proof b{font-size:19px!important}
.section{padding:82px 0!important}
.productScene{gap:22px!important}
.productPanel{min-height:300px!important}
.todayMini,.journalItem,.rewardCard,.cleanMetric{
  border:1px solid var(--v19-line)!important;background:rgba(255,255,255,.045)!important;
}
.priceBox{align-items:stretch!important}
.price{font-weight:780!important;text-shadow:none!important}

/* public site mobile */
@media(max-width:900px){
  .heroGrid{grid-template-columns:1fr!important}
  .hero{padding-top:78px!important}
  .scene{min-height:430px!important}
  .navlinks{display:none!important}
  h1{font-size:clamp(38px,10.2vw,58px)!important}
  h2{font-size:clamp(30px,8.2vw,44px)!important}
}
@media(max-width:560px){
  .container{width:min(100% - 32px,1180px)!important}
  .section{padding:58px 0!important}
  .ctas{gap:10px!important}
  .ctas .btn{width:100%;justify-content:center}
  .heroProof{grid-template-columns:1fr!important}
}

/* App layout */
.appBody{
  background:
    radial-gradient(circle at 100% -10%,rgba(80,230,155,.10),transparent 32%),
    radial-gradient(circle at -5% 0%,rgba(99,214,255,.10),transparent 34%),
    linear-gradient(180deg,#05070c,#04060a)!important;
}
.appShell{min-height:100dvh!important}
.side{
  background:rgba(7,11,18,.86)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.25)!important;
}
.main{padding:38px!important}
.topbar{margin-bottom:28px!important}
.appTitle{font-size:clamp(34px,4.0vw,54px)!important}
.panel{border-radius:34px!important}
.modeGrid{gap:14px!important}
.modeCard,.quest,.noteCard,.programDay,.hud,.empty,.card{
  border-radius:24px!important;
}
.quest{
  display:grid!important;
  grid-template-columns:52px 1fr auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:18px!important;
}
.quest b{font-size:20px!important;line-height:1.2!important}
.questMeta{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--v19-soft)!important;font-size:13px;font-weight:700!important;
}
.questMeta span{
  padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)
}
.check{
  width:auto!important;min-width:92px!important;height:42px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;font-size:14px!important;font-weight:800!important;
}
.check:empty:before{content:"Готово";color:var(--v19-muted)}
.quest.done .check:before{content:"Готово";font-size:0}
.quest.done .check{background:rgba(80,230,155,.16)!important;border-color:rgba(80,230,155,.35)!important}
.battleCard,.bossOrb,.dailyHero .panel{border-radius:34px!important}
.cleanDashboard{grid-template-columns:repeat(3,1fr)!important}
.playerAvatar{box-shadow:0 28px 90px rgba(80,230,155,.10)!important}
.inventoryGrid,.shopGrid,.achGrid,.reportGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.artifactLocked{opacity:.46;filter:saturate(.45)}
.mobileTop,.bottomNav{display:none}
.pwaInstall{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;
  padding:16px;border-radius:22px;border:1px solid var(--v19-line);background:rgba(255,255,255,.045)
}
.statusGood{color:var(--v19-green);font-weight:750}
.statusSoft{color:var(--v19-muted);font-weight:650}

/* Phone app polish */
@media(max-width:820px){
  .appShell{display:block!important}
  .side{display:none!important}
  .mobileTop{
    display:flex;position:sticky;top:0;z-index:90;align-items:center;justify-content:space-between;
    padding:12px 16px;background:rgba(5,7,12,.88);backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(255,255,255,.08)
  }
  .mobileTop .brand{font-size:14px}
  .main{padding:18px 16px 92px!important}
  .topbar{margin-bottom:18px!important}
  .topbar .badge{font-size:13px;padding:8px 10px}
  .appTitle{font-size:42px!important;line-height:1!important}
  .dailyHero,.bossScene,.characterCard{grid-template-columns:1fr!important}
  .panel{border-radius:28px!important;padding:22px!important}
  .panel.heroPanel h2{font-size:32px!important}
  .cleanDashboard{grid-template-columns:repeat(2,1fr)!important}
  .cleanMetric{padding:14px!important}
  .cleanMetric b{font-size:22px!important}
  .questList{gap:12px!important}
  .quest{
    grid-template-columns:44px 1fr!important;
    padding:15px!important;
    gap:12px!important;
  }
  .quest .check{grid-column:1 / -1;width:100%!important;min-width:0!important}
  .quest b{font-size:17px!important}
  .questMeta{font-size:12px!important;gap:5px}
  .qicon{width:42px!important;height:42px!important}
  .modeGrid,.inventoryGrid,.shopGrid,.achGrid,.reportGrid{grid-template-columns:1fr!important}
  .programMap{grid-template-columns:repeat(5,1fr)!important}
  .noteTools{grid-template-columns:1fr!important;display:grid!important}
  .textarea{min-height:150px!important}
  .bottomNav{
    display:grid;grid-template-columns:repeat(5,1fr);gap:6px;
    position:fixed;left:10px;right:10px;bottom:10px;z-index:100;
    padding:8px;border-radius:24px;background:rgba(9,13,22,.92);backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 70px rgba(0,0,0,.35)
  }
  .bottomNav button{
    border:0;background:transparent;color:var(--v19-muted);font-weight:760;font-size:11px;
    padding:9px 4px;border-radius:16px;
  }
  .bottomNav button.active{background:rgba(80,230,155,.14);color:var(--v19-text)}
  .auth{margin:24px auto!important;padding:28px!important;border-radius:34px!important}
  .auth h1{font-size:42px!important}
  .auth .lead{font-size:18px!important}
}

/* iPhone safe area */
@supports(padding:max(0px)){
  @media(max-width:820px){
    .bottomNav{bottom:max(10px,env(safe-area-inset-bottom));}
    .main{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  }
}

/* ===== D2M V20 — SALES READY POLISH ===== */
:root{--d-bg:#05070c;--d-text:#f7f8fb;--d-soft:#b8c2d3;--d-muted:#7f8da2;--d-green:#58efab;--d-cyan:#66d9ff;--d-violet:#8d7cff;--d-gold:#f0c76b;--d-red:#ff6585;--d-line:rgba(255,255,255,.12);--d-shadow:0 26px 90px rgba(0,0,0,.32)}
html,body{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body{color:var(--d-text)!important;background:radial-gradient(circle at 8% -6%,rgba(102,217,255,.095),transparent 30%),radial-gradient(circle at 94% -8%,rgba(88,239,171,.09),transparent 28%),linear-gradient(180deg,#05070c 0%,#060912 52%,#030509 100%)!important}
body:before{opacity:.06!important;background-size:160px 160px!important}
h1,h2,.appTitle{color:var(--d-text)!important;text-shadow:none!important;font-weight:760!important;letter-spacing:-.043em!important}
h1{font-size:clamp(42px,5vw,70px)!important;line-height:1.055!important}
h2{font-size:clamp(30px,3.55vw,48px)!important;line-height:1.08!important}
.lead,.sub,.card p,.notice,.flowStep p{color:var(--d-soft)!important;font-weight:460!important;line-height:1.68!important}
.nav{background:rgba(4,7,12,.82)!important;backdrop-filter:blur(22px)!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
.btn{position:relative;overflow:hidden;border-radius:20px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.btn:hover{transform:translateY(-2px);box-shadow:0 24px 70px rgba(88,239,171,.2)!important}.btn:active{transform:scale(.985)}
.card,.panel,.auth,.proof,.flowStep,.productPanel,.trow,.botMock{background:linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.026))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:var(--d-shadow)!important}
.card:hover,.flowStep:hover,.modeCard:hover{border-color:rgba(88,239,171,.25)!important;transform:translateY(-2px)}
.scene.v20HeroScene{min-height:620px!important;border-radius:44px!important;perspective:1100px;background:radial-gradient(circle at 58% 8%,rgba(88,239,171,.13),transparent 32%),radial-gradient(circle at 16% 78%,rgba(141,124,255,.16),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.020))!important;overflow:hidden}
.productStack{position:absolute;inset:38px;transform-style:preserve-3d;animation:stackFloat 8s ease-in-out infinite}
@keyframes stackFloat{0%,100%{transform:rotateX(7deg) rotateY(-13deg) translateY(0)}50%{transform:rotateX(9deg) rotateY(-8deg) translateY(-12px)}}
.stackLayer{position:absolute;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(12,18,30,.96),rgba(18,27,42,.88));box-shadow:0 34px 100px rgba(0,0,0,.36);backdrop-filter:blur(18px)}
.stack-main{left:48px;right:60px;top:78px;height:370px;transform:translateZ(80px)}.stack-boss{right:10px;top:46px;width:255px;height:165px;transform:translateZ(145px) translateX(28px)}.stack-chest{left:0;bottom:50px;width:250px;height:145px;transform:translateZ(130px) translateX(-10px)}.stack-journal{right:40px;bottom:36px;width:285px;height:140px;transform:translateZ(115px)}
.stackInner{padding:22px}.stackTitle{font-size:23px;font-weight:820;letter-spacing:-.035em}.stackSub{color:var(--d-soft);font-size:13px;margin-top:6px;line-height:1.45}
.metricRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metricPill{padding:12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.metricPill b{display:block;font-size:23px}
.questPreview{margin-top:14px;display:grid;gap:9px}.questLine{padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-weight:700}
.heroPriceBadge,.salesBadge{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(240,199,107,.24);background:rgba(240,199,107,.075);color:#f6d994;font-weight:750}.salesBadge{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:var(--d-soft)}
.cleanSalesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.salesCard{padding:22px;border-radius:28px;border:1px solid var(--d-line);background:rgba(255,255,255,.04)}.salesCard b{display:block;font-size:22px;margin-bottom:8px}
.premiumLoader{width:72px;height:72px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 20px 70px rgba(88,239,171,.18)}.premiumLoader span{width:34px;height:34px;border-radius:50%;border:4px solid rgba(88,239,171,.22);border-top-color:var(--d-green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
#bootScreen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(88,239,171,.09),transparent 30%),#05070c;transition:opacity .35s ease,visibility .35s ease}#bootScreen.hide{opacity:0;visibility:hidden}#bootScreen h1{font-size:34px!important;margin:18px 0 8px}#bootScreen p{color:var(--d-soft)}
.offlineScreen{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:16px;padding:28px;text-align:center}
.characterGrid{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:stretch}.characterHeroCard{padding:24px;border-radius:32px;border:1px solid var(--d-line);background:rgba(255,255,255,.04);display:grid;place-items:center;text-align:center}.playerAvatar.v20Avatar{width:190px;height:190px;border-radius:48px}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.statBlock{padding:16px;border-radius:22px;border:1px solid var(--d-line);background:rgba(255,255,255,.04)}.statBlock b{font-size:24px;display:block}
.artifactGridV20{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.artifactCard{min-height:160px;padding:18px;border-radius:26px;border:1px solid var(--d-line);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.022));transition:.22s ease}.artifactCard:hover{transform:translateY(-3px);border-color:rgba(88,239,171,.25)}.artifactCard.locked{opacity:.45;filter:saturate(.55)}.artifactCard .ico{font-size:34px;margin-bottom:12px}.artifactCard .rarity{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;color:var(--d-soft)}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr!important;gap:34px!important}.scene.v20HeroScene{min-height:460px!important}.productStack{inset:20px;transform:scale(.82);transform-origin:center;animation:none}.stack-main{left:30px;right:32px;top:54px;height:300px}.stack-boss{width:205px;height:135px}.stack-chest{width:205px;height:120px}.stack-journal{display:none}.navlinks{display:none!important}.cleanSalesGrid{grid-template-columns:1fr!important}}
@media(max-width:820px){body{background:#05070c!important}.main{padding:16px 14px 98px!important;max-width:100%!important}.appTitle{font-size:38px!important;line-height:1.02!important}.panel{padding:18px!important;border-radius:28px!important}.battleCard{padding:18px!important;border-radius:28px!important;min-height:0!important}.battleAvatar{height:100px!important;font-size:48px!important}.cleanDashboard{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.cleanMetric{padding:11px!important;border-radius:16px!important}.cleanMetric b{font-size:19px!important}.cleanMetric small{font-size:11px!important}.quest{padding:14px!important;border-radius:22px!important}.quest b{font-size:16px!important}.questMeta span{font-size:11px;padding:4px 7px}.bottomNav button{font-size:10px!important}.characterGrid{grid-template-columns:1fr!important}.statGrid{grid-template-columns:repeat(2,1fr)!important}.artifactGridV20,.shopGrid,.achGrid,.reportGrid{grid-template-columns:1fr!important}.auth{min-height:auto!important;margin:16px auto!important;padding:24px!important;border-radius:30px!important}.auth h1{font-size:38px!important}}
@media(max-width:520px){h1{font-size:44px!important}.lead{font-size:18px!important}.hero{padding-top:76px!important}.container{width:min(100% - 28px,1180px)!important}.scene.v20HeroScene{display:none!important}.heroProof{grid-template-columns:1fr!important}.ctas .btn{width:100%;justify-content:center}}

/* ===== D2M V21 PRODUCT POLISH ===== */
:root{--v21-bg:#05070c;--v21-line:rgba(255,255,255,.12);--v21-text:#f7f8fb;--v21-soft:#b8c2d3;--v21-muted:#8491a6;--v21-green:#58efab;--v21-cyan:#66d9ff;--v21-violet:#8d7cff;--v21-gold:#f0c76b;--v21-shadow:0 28px 90px rgba(0,0,0,.34)}
body{background:radial-gradient(circle at 11% -7%,rgba(102,217,255,.10),transparent 30%),radial-gradient(circle at 96% -10%,rgba(88,239,171,.09),transparent 28%),linear-gradient(180deg,#05070c 0%,#060912 52%,#030509 100%)!important;color:var(--v21-text)!important}body:before{opacity:.055!important;background-size:180px 180px!important}
h1,h2,.appTitle{font-weight:740!important;letter-spacing:-.04em!important;text-shadow:none!important;color:var(--v21-text)!important}h1{font-size:clamp(42px,4.9vw,68px)!important;line-height:1.06!important}h2{font-size:clamp(30px,3.45vw,48px)!important;line-height:1.1!important}.lead,.sub,.card p,.notice,.flowStep p{color:var(--v21-soft)!important;font-weight:450!important;line-height:1.66!important}.nav{background:rgba(5,7,12,.82)!important;backdrop-filter:blur(24px)!important}
.card,.panel,.auth,.proof,.flowStep,.botMock,.productPanel,.salesCard,.faqItem,.whoCard,.dayCard{background:linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.024))!important;border:1px solid var(--v21-line)!important;box-shadow:var(--v21-shadow)!important}.btn{border-radius:20px!important;transition:transform .18s ease,box-shadow .18s ease!important}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.985)}
.scene.v21HeroScene{min-height:650px!important;border-radius:46px!important;perspective:1200px;background:radial-gradient(circle at 54% 8%,rgba(88,239,171,.13),transparent 32%),radial-gradient(circle at 12% 82%,rgba(141,124,255,.16),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.019))!important;overflow:hidden}.v21Stack{position:absolute;inset:38px;transform-style:preserve-3d;animation:v21Float 8s ease-in-out infinite}@keyframes v21Float{0%,100%{transform:rotateX(7deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(9deg) rotateY(-8deg) translateY(-12px)}}.v21Layer{position:absolute;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(12,18,30,.97),rgba(18,27,42,.90));box-shadow:0 35px 110px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.v21Main{left:42px;right:64px;top:80px;height:380px;transform:translateZ(80px)}.v21Boss{right:4px;top:45px;width:262px;height:170px;transform:translateZ(150px) translateX(26px)}.v21Chest{left:-2px;bottom:50px;width:260px;height:150px;transform:translateZ(140px) translateX(-10px)}.v21Journal{right:34px;bottom:36px;width:295px;height:146px;transform:translateZ(120px)}.v21Inner{padding:22px}.v21Title{font-size:23px;font-weight:820;letter-spacing:-.035em}.v21Sub{color:var(--v21-soft);font-size:13px;margin-top:6px;line-height:1.45}.v21Metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.v21Metric{padding:12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.v21QuestList{display:grid;gap:9px;margin-top:14px}.v21Quest{padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-weight:720}
.heroPriceBadge,.salesBadge{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(240,199,107,.24);background:rgba(240,199,107,.075);color:#f6d994;font-weight:750}.salesBadge{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:var(--v21-soft)}.whoGrid,.faqGrid,.firstDayGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.whoCard,.faqItem,.dayCard{padding:22px;border-radius:28px}.faqGrid{grid-template-columns:1fr 1fr}.firstDayGrid{grid-template-columns:repeat(4,1fr)}
#bootScreen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(88,239,171,.09),transparent 30%),#05070c;transition:opacity .35s ease,visibility .35s ease}#bootScreen.hide{opacity:0;visibility:hidden}.premiumLoader{width:72px;height:72px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 20px 70px rgba(88,239,171,.18)}.premiumLoader span{width:34px;height:34px;border-radius:50%;border:4px solid rgba(88,239,171,.22);border-top-color:var(--v21-green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toastWrap{position:fixed;right:18px;bottom:18px;z-index:500;display:grid;gap:10px}.toast{padding:14px 16px;border-radius:18px;background:rgba(12,18,30,.94);border:1px solid var(--v21-line);box-shadow:0 20px 80px rgba(0,0,0,.28);animation:toastIn .24s ease both;color:var(--v21-text);font-weight:720}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.wizard{display:grid;gap:18px}.wizardProgress{height:9px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.wizardProgress i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--v21-green),var(--v21-cyan));transition:.25s ease}.wizardStep{display:none}.wizardStep.active{display:block}.choiceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.choice{padding:16px;border-radius:22px;border:1px solid var(--v21-line);background:rgba(255,255,255,.04);cursor:pointer;transition:.18s ease}.choice:hover,.choice.active{border-color:rgba(88,239,171,.35);background:rgba(88,239,171,.08);transform:translateY(-2px)}
.todayLayout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.todayQuestMini{display:grid;gap:10px;margin-top:16px}.miniQuest{padding:14px;border-radius:20px;border:1px solid var(--v21-line);background:rgba(255,255,255,.04);display:flex;justify-content:space-between;gap:12px;align-items:center}.miniQuest.done{opacity:.55}.chestPulse{animation:chestPulse 1.5s ease-in-out infinite}@keyframes chestPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(240,199,107,0));transform:scale(1)}50%{filter:drop-shadow(0 0 28px rgba(240,199,107,.45));transform:scale(1.03)}}.modal.show{display:grid!important}.modalCard{width:min(520px,calc(100% - 30px));padding:34px;border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(240,199,107,.22),transparent 40%),linear-gradient(145deg,#101722,#070b12);border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 110px rgba(0,0,0,.45);text-align:center}.sparkles{font-size:34px;animation:sparkleMove 1.2s ease infinite alternate}@keyframes sparkleMove{to{transform:translateY(-8px);opacity:.8}}.chestIcon{font-size:92px;margin:10px 0;animation:chestOpen .7s cubic-bezier(.2,1.4,.3,1)}@keyframes chestOpen{from{transform:scale(.65) rotate(-8deg);opacity:.5}to{transform:scale(1) rotate(0);opacity:1}}
.characterGrid{display:grid;grid-template-columns:290px 1fr;gap:22px}.characterHeroCard{padding:24px;border-radius:32px;border:1px solid var(--v21-line);background:rgba(255,255,255,.04);display:grid;place-items:center;text-align:center}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.statBlock{padding:16px;border-radius:22px;border:1px solid var(--v21-line);background:rgba(255,255,255,.04)}.artifactGridV21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.artifactCard{min-height:165px;padding:18px;border-radius:26px;border:1px solid var(--v21-line);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.022));transition:.22s ease}.artifactCard:hover{transform:translateY(-3px);border-color:rgba(88,239,171,.25)}.artifactCard.locked{opacity:.45;filter:saturate(.55)}.rarity{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;color:var(--v21-soft)}.rarity.epic{color:#c8b9ff}.rarity.rare{color:#9debc9}.moneyInsight{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.emptyPremium{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:22px;border-radius:26px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.028)}.emptyPremium .icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(88,239,171,.08);font-size:28px}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr!important}.scene.v21HeroScene{min-height:480px!important}.v21Stack{inset:20px;animation:none;transform:scale(.83)}.v21Main{left:30px;right:30px;top:54px;height:310px}.v21Boss{width:210px;height:136px}.v21Chest{width:205px;height:126px}.v21Journal{display:none}.whoGrid,.faqGrid,.firstDayGrid{grid-template-columns:1fr!important}}
@media(max-width:820px){.main{padding:16px 14px 98px!important}.appTitle{font-size:38px!important}.todayLayout,.characterGrid{grid-template-columns:1fr!important}.choiceGrid,.statGrid,.moneyInsight{grid-template-columns:1fr!important}.artifactGridV21,.shopGrid,.achGrid,.reportGrid{grid-template-columns:1fr!important}.panel{padding:18px!important;border-radius:28px!important}.toastWrap{left:12px;right:12px;bottom:88px}.toast{width:100%}.miniQuest{font-size:14px}.quest b{font-size:16px!important}.bottomNav button{font-size:10px!important}}
@media(max-width:520px){h1{font-size:43px!important}.scene.v21HeroScene{display:none!important}.ctas .btn{width:100%;justify-content:center}.heroProof{grid-template-columns:1fr!important}}


/* ===== V22.2 CLIENT READY HOTFIX ===== */
.clientSiteV22 .section{min-height:auto!important;padding:72px 0!important}
.clientSiteV22 .compactSection{min-height:auto!important}
.clientSiteV22 h1,.clientSiteV22 h2,.clientSiteV22 h3{
  text-shadow:none!important;
  letter-spacing:-.045em!important;
}
.clientSiteV22 h1{
  font-size:clamp(46px,5.2vw,76px)!important;
  line-height:.98!important;
}
.clientSiteV22 h2{
  font-size:clamp(34px,3.2vw,54px)!important;
  line-height:1.04!important;
}
.clientSiteV22 .lead{
  max-width:660px!important;
  font-size:clamp(18px,1.45vw,22px)!important;
  line-height:1.55!important;
}
.premiumHero{
  min-height:calc(100vh - 82px);
  display:flex;
  align-items:center;
  padding:88px 0 70px;
  background:
    radial-gradient(circle at 24% 24%,rgba(88,239,171,.09),transparent 30%),
    radial-gradient(circle at 74% 18%,rgba(102,217,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));
}
.clientSiteV22 .heroGrid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;align-items:center!important;gap:56px!important}
.heroCopy{position:relative;z-index:2}
.premiumProductScene{
  position:relative;
  min-height:560px;
  border-radius:42px;
  background:
    radial-gradient(circle at 70% 20%,rgba(88,239,171,.18),transparent 36%),
    radial-gradient(circle at 18% 82%,rgba(141,124,255,.16),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 38px 120px rgba(0,0,0,.42);
  overflow:hidden;
}
.premiumProductScene:before{
  content:"";
  position:absolute;inset:18px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(140deg,rgba(255,255,255,.035),rgba(255,255,255,0));
}
.deviceFrame{
  position:absolute;
  left:42px;right:42px;top:64px;bottom:64px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(7,12,21,.96),rgba(16,25,39,.92));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 90px rgba(0,0,0,.36);
  padding:20px;
}
.deviceTop{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--v21-soft)}
.deviceTop span{width:12px;height:12px;border-radius:50%;background:var(--v21-green);box-shadow:0 0 22px rgba(88,239,171,.7)}
.deviceTop b{color:var(--v21-text)}.deviceTop small{margin-left:auto;color:var(--v21-muted)}
.screenGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;height:calc(100% - 38px)}
.screenMain,.screenSide{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.043);
  padding:22px;
}
.screenMain h3{font-size:31px;margin:12px 0 16px}
.metricRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.metricRow div{padding:13px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.metricRow b{display:block;font-size:24px}.metricRow small{color:var(--v21-soft)}
.mockQuest{margin-top:10px;padding:13px 14px;border-radius:17px;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.08);font-weight:740}
.screenSide{display:flex;flex-direction:column;justify-content:center;gap:13px}
.bossOrbMini{width:92px;height:92px;border-radius:32px;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle,rgba(255,102,133,.35),rgba(255,102,133,.08));margin:0 auto}
.chestMini{margin-top:12px;padding:14px;border-radius:18px;background:rgba(240,199,107,.11);border:1px solid rgba(240,199,107,.22);font-weight:760}
.floatingCard{
  position:absolute;
  padding:14px 16px;
  border-radius:20px;
  background:rgba(9,14,24,.78);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
.floatingCard b{display:block}.floatingCard span{display:block;color:var(--v21-soft);font-size:13px;margin-top:3px}
.fc1{right:24px;top:32px}.fc2{left:26px;bottom:34px}
.faqItem{display:block!important}
.faqItem b{display:block!important;margin-bottom:10px!important;color:var(--v21-text)!important}
.faqItem span{display:block!important;color:var(--v21-soft)!important;line-height:1.55!important}
.salesCard b,.whoCard b,.dayCard b{line-height:1.15!important}
.salesCard span,.whoCard span,.dayCard span{display:block;margin-top:8px;color:var(--v21-soft)!important;line-height:1.5!important}
@media(max-width:980px){
  .clientSiteV22 .heroGrid{grid-template-columns:1fr!important}
  .premiumProductScene{min-height:500px}
}
@media(max-width:640px){
  .premiumHero{padding:58px 0 44px}
  .premiumProductScene{display:none!important}
  .clientSiteV22 .section{padding:54px 0!important}
  .clientSiteV22 h1{font-size:43px!important}
  .heroProof{grid-template-columns:1fr!important}
}


/* ===== V22.3 Visual Readability Fix ===== */
/* Главная проблема V22.2: секция "Для кого" выглядела как мелкий текст на стекле.
   Исправление: меньше псевдо-вау, больше читабельности. Внезапно, люди покупают глазами. */
.clientSiteV22 {
  --site-bg-strong: #05070c;
  --site-panel: rgba(13, 20, 32, .82);
  --site-panel-2: rgba(19, 29, 45, .72);
  --site-border: rgba(255,255,255,.14);
  --site-text: #f7f4ea;
  --site-muted: #b9c2d4;
}

.clientSiteV22:before,
.clientSiteV22:after {
  opacity: .38 !important;
}

.clientSiteV22 .section {
  padding: 76px 0 !important;
  min-height: auto !important;
}

.clientSiteV22 .container {
  width: min(1180px, calc(100% - 56px)) !important;
}

.clientSiteV22 .kicker,
.clientSiteV22 .salesBadge {
  transform: none !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  align-items: center;
  gap: 8px;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #f4f1e8 !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}

.clientSiteV22 h1,
.clientSiteV22 h2,
.clientSiteV22 h3 {
  color: var(--site-text) !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased;
}

.clientSiteV22 p,
.clientSiteV22 span,
.clientSiteV22 .sub,
.clientSiteV22 .lead {
  text-shadow: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased;
}

.premiumWho {
  background:
    radial-gradient(circle at 80% 10%, rgba(88,239,171,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
}

.premiumWho h2,
.premiumFirstDay h2 {
  max-width: 920px !important;
  margin: 18px 0 18px !important;
  font-size: clamp(40px, 4.5vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.premiumWho .sub,
.premiumFirstDay .sub {
  max-width: 760px !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.55 !important;
  color: var(--site-muted) !important;
  margin-bottom: 30px !important;
}

.whoPremiumGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.whoPremiumCard {
  min-height: 255px;
  padding: 28px;
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    rgba(13, 20, 32, .82);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 80px rgba(0,0,0,.24);
}

.whoPremiumCard .whoIcon {
  display: grid !important;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: rgba(88,239,171,.12);
  border: 1px solid rgba(88,239,171,.18);
  font-size: 26px !important;
  margin-bottom: 22px;
}

.whoPremiumCard h3 {
  font-size: clamp(25px, 2vw, 33px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  margin: 0 0 14px !important;
}

.whoPremiumCard p {
  color: var(--site-muted) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.firstTimeline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin-top: 28px;
}

.timelineItem {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 18px;
  align-items: start;
  padding: 24px;
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
    rgba(13, 20, 32, .78);
  border: 1px solid rgba(255,255,255,.13);
}

.timelineItem > b {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(135deg, #75ffb8, #16d77a);
  color: #06130c;
  font-size: 24px;
  box-shadow: 0 18px 44px rgba(43, 235, 132, .24);
}

.timelineItem h3 {
  margin: 0 0 8px !important;
  font-size: 26px !important;
  line-height: 1.08 !important;
}

.timelineItem p {
  margin: 0 !important;
  color: var(--site-muted) !important;
  font-size: 16.5px !important;
  line-height: 1.5 !important;
}

/* Fix bottom cards being half-visible and creating "cut-off" cheap look */
.clientSiteV22 .heroProof,
.clientSiteV22 .firstDayGrid,
.clientSiteV22 .whoGrid {
  overflow: visible !important;
}

.clientSiteV22 .faqItem,
.clientSiteV22 .salesCard,
.clientSiteV22 .dayCard,
.clientSiteV22 .whoCard {
  min-height: auto !important;
  padding: 22px !important;
  background: rgba(13,20,32,.74) !important;
}

/* Less glass noise: the previous background made text fight with reflections on real laptop photos */
.clientSiteV22 .card,
.clientSiteV22 .faqItem,
.clientSiteV22 .salesCard,
.clientSiteV22 .whoPremiumCard,
.clientSiteV22 .timelineItem {
  backdrop-filter: blur(14px) saturate(110%) !important;
}

/* Fix FAQ: question and answer must not glue together */
.clientSiteV22 .faqGrid {
  gap: 14px !important;
}

.clientSiteV22 .faqItem b {
  display: block !important;
  font-size: 18px !important;
  margin-bottom: 9px !important;
}

.clientSiteV22 .faqItem span {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Better mobile */
@media (max-width: 860px) {
  .clientSiteV22 .container {
    width: min(100% - 32px, 1180px) !important;
  }
  .whoPremiumGrid,
  .firstTimeline {
    grid-template-columns: 1fr !important;
  }
  .whoPremiumCard {
    min-height: auto !important;
  }
  .premiumWho h2,
  .premiumFirstDay h2 {
    font-size: 39px !important;
    line-height: 1.02 !important;
  }
  .timelineItem {
    grid-template-columns: 52px 1fr;
    padding: 20px;
  }
  .timelineItem > b {
    width: 46px;
    height: 46px;
  }
}


/* ===== D2M V23 Premium Site System ===== */
body.v23{
  --bg:#05070c;
  --panel:rgba(11,17,29,.78);
  --panel2:rgba(17,26,43,.70);
  --line:rgba(255,255,255,.13);
  --line2:rgba(111,255,189,.24);
  --text:#f7f4ec;
  --muted:#b9c3d4;
  --muted2:#7f8da3;
  --green:#62f3a9;
  --green2:#14d77a;
  --blue:#5fd6ff;
  --purple:#a589ff;
  --gold:#f5cd6c;
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 10%,rgba(98,243,169,.10),transparent 34%),
    radial-gradient(circle at 84% 16%,rgba(95,214,255,.10),transparent 32%),
    radial-gradient(circle at 60% 86%,rgba(165,137,255,.10),transparent 34%),
    #05070c;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
#d2mCanvas{position:fixed;inset:0;z-index:-3;pointer-events:none}
.v23Noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.36;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.v23Glow{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none;z-index:-2}
.v23Glow.g1{background:#25ee93;left:-15vw;top:4vh}.v23Glow.g2{background:#7c62ff;right:-18vw;top:12vh}
.v23 a{color:inherit;text-decoration:none}.v23Container{width:min(1180px,calc(100% - 56px));margin:0 auto}
.v23Nav{position:sticky;top:0;z-index:50;background:rgba(5,7,12,.72);backdrop-filter:blur(22px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.09)}
.navInner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.v23Brand{display:flex;align-items:center;gap:12px;font-weight:850}.v23Brand small{display:block;color:var(--muted2);font-size:11px;margin-top:2px}
.v23Logo{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;color:#eafff6;font-weight:950;background:linear-gradient(135deg,#6be8ff,#25ef93);box-shadow:0 18px 46px rgba(40,235,148,.22)}
.v23Links{display:flex;gap:24px;color:#e9edf5;font-weight:760;font-size:14px}.v23Links a{opacity:.82}.v23Links a:hover{opacity:1}
.v23Btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:18px;background:linear-gradient(135deg,#86ffc0,#13d87a);color:#06130d!important;font-weight:900;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 52px rgba(37,239,147,.25);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.v23Btn:hover{transform:translateY(-2px);filter:saturate(112%);box-shadow:0 24px 70px rgba(37,239,147,.32)}
.v23Btn.ghost{background:rgba(255,255,255,.07);color:var(--text)!important;box-shadow:none;border:1px solid rgba(255,255,255,.14)}
.v23Btn.small{min-height:46px;padding:0 18px;border-radius:16px}

.v23Hero{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:82px 0 78px;position:relative}
.heroLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);align-items:center;gap:60px}
.v23Badge{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;color:#edf4ff;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:850}
.heroText h1{margin:22px 0 20px;font-size:clamp(54px,6vw,88px);line-height:.94;letter-spacing:-.065em;max-width:790px;color:var(--text)}
.v23Lead{font-size:clamp(18px,1.45vw,23px);line-height:1.55;color:var(--muted);max-width:690px;margin:0}
.heroActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.heroStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;max-width:690px}
.heroStats div{padding:17px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}
.heroStats b{display:block;font-size:30px;line-height:1;color:var(--text)}.heroStats span{display:block;color:var(--muted);font-size:13px;margin-top:8px}

.heroStage{position:relative;min-height:620px;perspective:1400px}
.stageGrid{position:absolute;inset:18px;border-radius:44px;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 76%);opacity:.42}
.device3d{position:absolute;inset:58px 16px 58px 16px;border-radius:38px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18);box-shadow:0 50px 140px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12);transform-style:preserve-3d;transition:transform .16s ease;overflow:hidden}
.deviceLight{position:absolute;inset:-20%;background:radial-gradient(circle at 72% 12%,rgba(98,243,169,.22),transparent 36%),radial-gradient(circle at 8% 92%,rgba(165,137,255,.18),transparent 38%);pointer-events:none}
.deviceHeader{position:relative;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:18px}.deviceHeader b{color:var(--text)}.deviceHeader small{margin-left:auto;color:var(--muted2)}
.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}.traffic i:first-child{background:#ff6c89}.traffic i:nth-child(2){background:#f5cd6c}.traffic i:last-child{background:#62f3a9}
.deviceBody{position:relative;display:grid;grid-template-columns:1fr;gap:16px;height:calc(100% - 32px);transform:translateZ(36px)}
.dashPanel,.questCard{border:1px solid rgba(255,255,255,.12);background:rgba(5,9,17,.54);backdrop-filter:blur(18px);border-radius:28px}
.dashPanel.main{padding:24px}.micro{color:#8cf8c7;font-size:13px;font-weight:850}.dashPanel h3{font-size:34px;line-height:1;margin:12px 0}.dashPanel p{color:var(--muted);margin:0 0 16px;line-height:1.45}
.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metricGrid div{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.metricGrid b{display:block;font-size:24px}.metricGrid span{color:var(--muted2);font-size:12px}
.progressLine{height:10px;border-radius:20px;background:rgba(255,255,255,.10);margin-top:18px;overflow:hidden}.progressLine i{display:block;width:58%;height:100%;background:linear-gradient(90deg,#62f3a9,#5fd6ff,#a589ff);border-radius:20px}
.questStack{display:grid;gap:12px}.questCard{padding:17px 18px}.questCard b{display:block;font-size:17px}.questCard span{display:block;color:var(--muted);margin-top:6px;font-size:13px}
.floatPill{position:absolute;z-index:3;padding:16px 18px;border-radius:24px;background:rgba(7,12,22,.74);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.32);animation:floaty 5.5s ease-in-out infinite}.floatPill b{display:block}.floatPill span{display:block;color:var(--muted);font-size:13px;margin-top:5px;max-width:210px}
.pillBoss{right:0;top:108px}.pillChest{left:0;bottom:118px;animation-delay:-1.4s}.pillArtifact{right:50px;bottom:28px;animation-delay:-2.8s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.v23Section{padding:96px 0;position:relative}.sectionHead{max-width:900px;margin-bottom:34px}.sectionHead h2{font-size:clamp(42px,4.4vw,72px);line-height:.98;letter-spacing:-.06em;margin:18px 0 16px;color:var(--text)}.sectionHead p{font-size:clamp(17px,1.35vw,22px);line-height:1.55;color:var(--muted);margin:0;max-width:780px}
.featureMatrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.featureCard{min-height:240px;padding:26px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.20);opacity:0;transform:translateY(18px);transition:.5s ease}.featureCard.inView{opacity:1;transform:none}.featureCard.big{grid-column:span 2}.featureCard span{font-size:30px}.featureCard h3{font-size:27px;line-height:1.05;margin:18px 0 12px}.featureCard p{color:var(--muted);line-height:1.55;margin:0}

.scenarioGrid{display:grid;grid-template-columns:.82fr 1fr;gap:50px;align-items:start}.stickyHead{position:sticky;top:110px}.timeline{display:grid;gap:16px}.timeItem{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:24px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);opacity:0;transform:translateX(20px);transition:.5s ease}.timeItem.inView{opacity:1;transform:none}.timeItem>b{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;color:#06130d;background:linear-gradient(135deg,#86ffc0,#13d87a);box-shadow:0 20px 52px rgba(37,239,147,.22)}.timeItem h3{margin:0 0 8px;font-size:28px;line-height:1.05}.timeItem p{margin:0;color:var(--muted);line-height:1.5}

.audienceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.audienceGrid article{padding:26px;border-radius:30px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(18px);transition:.5s ease}.audienceGrid article.inView{opacity:1;transform:none}.audienceGrid b{color:var(--green);font-size:13px}.audienceGrid h3{font-size:25px;line-height:1.08;margin:14px 0 12px}.audienceGrid p{color:var(--muted);line-height:1.52;margin:0}

.compareGrid,.priceGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compareCard,.pricePanel,.honestPanel{padding:32px;border-radius:34px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);opacity:0;transform:translateY(18px);transition:.5s ease}.compareCard.inView,.pricePanel.inView,.honestPanel.inView{opacity:1;transform:none}.compareCard.premium,.pricePanel{background:linear-gradient(145deg,rgba(98,243,169,.12),rgba(255,255,255,.045));border-color:rgba(98,243,169,.24)}.compareCard span{color:var(--muted);font-weight:850}.compareCard h3{font-size:36px;line-height:1;margin:16px 0}.compareCard li{margin:12px 0;color:var(--muted);line-height:1.4}.pricePanel h2{font-size:86px;letter-spacing:-.07em;margin:18px 0 2px}.pricePanel p,.honestPanel p{color:var(--muted);line-height:1.6}.included{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.included span{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:var(--text);font-weight:760}.honestPanel h3{font-size:44px;line-height:1;letter-spacing:-.045em;margin:0 0 16px}

.faqClean{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faqClean details{padding:22px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(18px);transition:.5s ease}.faqClean details.inView{opacity:1;transform:none}.faqClean summary{cursor:pointer;font-weight:900;color:var(--text);font-size:18px}.faqClean p{color:var(--muted);line-height:1.55;margin:14px 0 0}
.v23Footer{padding:36px 0;border-top:1px solid rgba(255,255,255,.09);color:var(--muted)}.v23Footer .v23Container{display:flex;justify-content:space-between;gap:20px}.v23Footer a{text-decoration:underline}

@media (max-width:1060px){
  .heroLayout,.scenarioGrid,.compareGrid,.priceGrid{grid-template-columns:1fr}.heroStage{min-height:560px}.featureMatrix{grid-template-columns:repeat(2,1fr)}.audienceGrid{grid-template-columns:repeat(2,1fr)}.stickyHead{position:static}
}
@media (max-width:720px){
  .v23Container{width:min(100% - 30px,1180px)}.v23Links{display:none}.v23Nav .v23Btn{display:none}.navInner{height:68px}.v23Hero{padding:54px 0}.heroText h1{font-size:46px;line-height:1}.v23Lead{font-size:18px}.heroActions{display:grid}.heroStats{grid-template-columns:repeat(2,1fr)}.heroStage{display:none}.v23Section{padding:62px 0}.sectionHead h2{font-size:38px;line-height:1.02}.featureMatrix,.audienceGrid,.faqClean{grid-template-columns:1fr}.featureCard.big{grid-column:auto}.timeItem{grid-template-columns:56px 1fr;padding:20px}.timeItem>b{width:48px;height:48px}.included{grid-template-columns:1fr}.pricePanel h2{font-size:64px}.v23Footer .v23Container{display:grid}
}

/* ===== D2M V23 App Skin Polish ===== */
body.appBody, .appBody{
  background:
    radial-gradient(circle at 18% 12%, rgba(98,243,169,.085), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(95,214,255,.07), transparent 32%),
    #05070c !important;
}
.appShell{max-width:1440px!important}
.appBody h1,.appBody h2,.appBody h3{letter-spacing:-.045em!important;text-shadow:none!important}
.sideNav,.panel,.card,.quest,.mode,.shopItem,.noteCard{
  border-color:rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.032))!important;
  box-shadow:0 18px 70px rgba(0,0,0,.18)!important;
}
.sideNav button.active,.bottomNav button.active{
  background:linear-gradient(135deg,rgba(98,243,169,.22),rgba(95,214,255,.08))!important;
  border-color:rgba(98,243,169,.28)!important;
}