*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;scrollbar-gutter:stable;overscroll-behavior-y:none;overflow-x:clip}
body{overscroll-behavior-y:none}
body{
  background:var(--bg);color:var(--ink);
  font-family:'Manrope',system-ui,sans-serif;font-size:15px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;min-height:100vh;
}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--neon2);outline-offset:3px}

.bg-tile,.bg-veil,.bg-glow,.bg-stars{position:fixed;inset:0;z-index:-1;pointer-events:none}

.bg-stars{overflow:hidden}

.bg-tile{background:url('/static/img/bg-dark.png') repeat;background-size:780px;opacity:.42}

.bg-veil{background:linear-gradient(180deg,rgba(7,6,13,.6),rgba(7,6,13,.74) 54%,rgba(7,6,13,.82) 100%)}
.bg-glow{
  background:
    radial-gradient(900px 560px at 72% -6%,rgba(139,92,246,.2),transparent 68%),
    radial-gradient(680px 440px at 6% 34%,rgba(124,108,240,.12),transparent 72%),
    radial-gradient(620px 420px at 90% 68%,rgba(240,180,106,.07),transparent 72%);
}
.bg-stars i{
  position:absolute;width:2px;height:2px;border-radius:50%;
  background:var(--neon);opacity:.5;box-shadow:0 0 6px var(--neon);
  animation:tw 4.6s ease-in-out infinite;
}
@keyframes tw{0%,100%{opacity:.14;transform:scale(1)}50%{opacity:.85;transform:scale(1.7)}}

.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 26px;position:relative;z-index:1}
@media (max-width:860px){.wrap{padding:0 16px}}

body.paused .bg-stars i,
body.paused .orb,body.paused .pl,body.paused .spin,
body.paused .core,body.paused .dot,body.paused .bear{animation-play-state:paused}

.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}

.bear{width:36px;height:36px;color:var(--neon);flex:none;filter:drop-shadow(0 0 12px var(--glow));animation:fl 5.5s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.bear svg{display:block;width:100%;height:100%}

.pill{

  display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:11px;
  border:1px solid var(--line2);background:rgba(139,92,246,.09);
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--neon);white-space:nowrap;
}
.dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:blink 2.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.34}}
.btn{
  font-family:'Golos Text',sans-serif;font-weight:600;font-size:13.5px;
  padding:9px 17px;border-radius:11px;white-space:nowrap;display:inline-block;
  transition:transform .18s,box-shadow .18s,border-color .18s,color .18s;
}

.btn.pri{color:#160f2c;background:linear-gradient(90deg,var(--neon),var(--neon2));box-shadow:0 5px 14px rgba(139,92,246,.24)}
.btn.pri:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(139,92,246,.28)}
.btn.gh{border:1px solid var(--line2);color:var(--neon)}
.btn.gh:hover{transform:translateY(-2px);border-color:var(--neon);color:#fff}
.btn.big{font-size:15.5px;padding:15px 28px;border-radius:13px}

.btn.soon{
  background:none;border:1px solid var(--line);color:var(--ink);
  box-shadow:none;cursor:default;pointer-events:none;
}
.btn.soon:hover{transform:none;box-shadow:none;border-color:var(--line);color:var(--ink)}

.foot-soon{color:var(--ink);cursor:default}

.door.soon{cursor:default;pointer-events:none;border-color:var(--line)}
.door.soon h3,.door.soon .d-num{color:var(--ink)}
.door.soon .dl,.door.soon .r span{color:var(--ink)}
.door.soon .d-ic,.door.soon .d-arw{color:var(--dim);opacity:.6}
.door.soon:hover{transform:none;box-shadow:none;border-color:var(--line)}

button.btn{border:0;background:none;cursor:pointer;font-family:'Golos Text',sans-serif;text-align:center}