/* ---------- Общие переменные и фон для всех страниц karpech.ru ---------- */
:root{
  --bg-0:#07070a;
  --bg-1:#0d0e13;
  --ink:#f3f4f7;
  --ink-dim:#9aa0ac;
  --ink-faint:#5b606c;
  --glass:rgba(255,255,255,0.055);
  --glass-strong:rgba(255,255,255,0.09);
  --stroke:rgba(255,255,255,0.11);
  --stroke-strong:rgba(255,255,255,0.22);
  --accent:#3a8dff;
  --accent-2:#7c5cff;
  --accent-3:#34e0d8;
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,"Segoe UI",sans-serif;
  background:radial-gradient(ellipse 120% 90% at 50% -10%, #14151d 0%, var(--bg-0) 55%);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

/* ---------- Ambient aurora field ---------- */
.aurora{
  position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;
}
.orb{
  position:absolute; border-radius:50%; filter:blur(70px);
  opacity:.55; will-change:transform;
}

@keyframes float1{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(4%,6%) scale(1.08); }
}
@keyframes float2{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(-6%,4%) scale(1.05); }
}
@keyframes float3{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(5%,-5%) scale(1.1); }
}

@keyframes rise{
  from{ opacity:0; transform:translateY(18px); }
  to{ opacity:1; transform:translateY(0); }
}

.grain{
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion:reduce){
  .orb{ animation:none !important; }
}