:root{
  --bg:#0b0f0c; --bg-soft:#0f1512; --text:#e6f2ec;
  --green-1:#00ff88; --green-2:#7cffb2; --green-3:#00d46a;
  --glow-strength:160px; --ring:rgba(0,255,136,.4);
  --maxw:min(1400px,92vw); --anim-fast:160ms; --anim-med:320ms;
}

*{box-sizing:border-box;}
html,body{height:100%;}
html{background:var(--bg);}
body{
  margin:0;
  color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,"Apple Color Emoji","Segoe UI Emoji";
}

/* ===== СЦЕНА ===== */
.scene{
  min-height:100dvh;
  display:grid;
  place-items:center;
  background:
    radial-gradient(1200px 800px at 50% 20%, var(--bg-soft) 0%, rgba(11,15,12,0) 60%),
    var(--bg) url("bg-noise.png") repeat;
  background-size:auto,240px 240px;
  overflow:clip;
  isolation:isolate;
}

/* ===== Центральный блок BELIEVE ===== */
.hero{
  position:relative;
  width:var(--maxw);
  display:grid;
  justify-items:center;
  gap:clamp(18px,3vw,32px);
  padding:clamp(40px,8vh,96px) 0;
}

/* Аура за BELIEVE */
.hero__glow{
  position:absolute;
  top:50%;
  left:50%;
  translate:-50% -54%;
  width:min(75vw,1100px);
  height:min(28vw,420px);
  border-radius:999px;
  filter:blur(var(--glow-strength));
  background:radial-gradient(120% 120% at 50% 50%,
    rgba(124,255,178,.9) 0%,
    rgba(0,212,106,.55) 36%,
    rgba(0,0,0,0) 72%);
  opacity:.8;
  animation:glow-breathe 3.2s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
@keyframes glow-breathe{
  0%,100%{transform:scale(1);opacity:.65;}
  50%{transform:scale(1.06);opacity:.9;}
}

/* Контейнер BELIEVE */
.hero__word{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
}

/* BELIEVE уменьшено в 2 раза */
.hero__img{
  width:min(40vw,550px);
  height:auto;
  filter:drop-shadow(0 0 22px rgba(0,255,136,.18));
  transition:transform var(--anim-fast) ease,filter var(--anim-fast) ease;
  will-change:transform,filter;
}

/* Глитч при наведении */
.hero__word:hover .hero__img{
  transform:translateY(-1px) scale(1.01);
  filter:
    drop-shadow(1px 0 0 rgba(255,0,0,.35))
    drop-shadow(-1px 0 0 rgba(0,128,255,.35))
    drop-shadow(0 0 22px rgba(0,255,136,.22));
}

/* ===== Кнопки ===== */
.cta{
  display:flex;
  align-items:center;
  gap:clamp(12px,2.6vw,22px);
  z-index:1;
}
.btn{
  display:inline-grid;place-items:center;
  background:transparent;border:none;padding:0;
  cursor:pointer;outline:none;
  transition:transform var(--anim-fast) ease,filter var(--anim-fast) ease,box-shadow var(--anim-fast) ease;
}
.btn img{width:clamp(148px,20vw,220px);height:auto;display:block;}
.btn:hover{transform:translateY(-2px);filter:drop-shadow(0 6px 16px rgba(0,255,136,.25));}
.btn:active{transform:translateY(0);filter:none;}
.btn:focus-visible{box-shadow:0 0 0 4px var(--ring);border-radius:14px;}

/* ===== Прелоадер ===== */
.preloader{
  position:fixed;inset:0;background:#000;
  display:grid;place-items:center;
  z-index:9999;
}
.preloader__inner{
  position:relative;
  display:grid;
  justify-items:center;
  gap:18px;
}

/* Аура прелоадера */
.preloader__glow{
  position:absolute;
  width:clamp(130px,21vw,360px); /* уменьшено в 2 раза */
  height:clamp(30px,5vw,90px);
  border-radius:999px;
  filter:blur(70px);
  background:radial-gradient(120% 120% at 50% 50%,var(--green-2) 0%,rgba(0,255,136,.6) 35%,rgba(0,0,0,0) 70%);
  opacity:.75;
  animation:glow-breathe 3.2s ease-in-out infinite;
  z-index:0;
}

/* BELIEVE в прелоадере уменьшено в 2 раза */
.preloader__believe{
  width:clamp(130px,21vw,360px);
  height:auto;
  filter:drop-shadow(0 0 16px rgba(0,255,136,.18));
  z-index:1;
}

/* SVG-лоадер (пульс и рисование) */
.preloader__loader{
  width:clamp(48px,5vw,70px); /* пропорционально уменьшено */
  height:auto;
  opacity:.95;
  z-index:1;
}

/* Чтобы анимация работала даже если SVG подключён через <img> */
.preloader__loader{
  mask-image:url("loader-hand.svg");
  -webkit-mask-image:url("loader-hand.svg");
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
  background:linear-gradient(90deg,var(--green-1),var(--green-3),var(--green-1));
  background-size:200% 100%;
  animation:loader-glow 2.6s ease-in-out infinite;
}
@keyframes loader-glow{
  0%{background-position:0% 50%;opacity:.6;transform:scale(1);}
  50%{background-position:100% 50%;opacity:1;transform:scale(1.05);}
  100%{background-position:0% 50%;opacity:.6;transform:scale(1);}
}

/* Скрытие прелоадера */
.preloader.is-hidden{
  animation:preloader-out 420ms cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes preloader-out{
  0%{opacity:1;transform:scale(1);}
  100%{opacity:0;transform:scale(.985);visibility:hidden;}
}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:28px;translate:-50% 0;
  padding:10px 14px;
  background:rgba(9,28,20,.9);color:var(--text);
  border:1px solid rgba(0,255,136,.35);
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 0 22px rgba(0,255,136,.15);
  font-size:14px;
  opacity:0;pointer-events:none;
  transition:opacity var(--anim-med) ease,transform var(--anim-med) ease;
  transform:translateY(8px);
  z-index:10000;
}
.toast.is-visible{opacity:1;transform:translateY(0);}

/* Motion-safe */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;}
}