body{
  font-family:var(--font-main);
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  position:relative;
}

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px,4vw,40px);
}

.accent{color:var(--avocado);text-shadow:0 0 40px var(--avocado-glow)}

/* Фонові декорації */
.bg-decor{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

.blob{
  position:absolute;
  border-radius:50%;
  filter:blur(120px);
  opacity:.4;
}
.blob-1{
  width:600px;height:600px;
  background:radial-gradient(circle,#a8e05f,transparent 70%);
  top:-200px;left:-150px;
  animation:float1 18s ease-in-out infinite;
}
.blob-2{
  width:500px;height:500px;
  background:radial-gradient(circle,#3fa34d,transparent 70%);
  bottom:-180px;right:-120px;
  animation:float2 22s ease-in-out infinite;
}
.blob-3{
  width:400px;height:400px;
  background:radial-gradient(circle,#6ba32e,transparent 70%);
  top:40%;left:50%;
  transform:translate(-50%,-50%);
  animation:float3 26s ease-in-out infinite;
  opacity:.2;
}
@keyframes float1{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(80px,60px) scale(1.15)}
}
@keyframes float2{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-70px,-50px) scale(1.1)}
}
@keyframes float3{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-40%,-60%) scale(1.2)}
}

.grid-overlay{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(168,224,95,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(168,224,95,.05) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);
}

/* Reveal анімація */
.reveal{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Скрол-бар */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:var(--avocado-dark);border-radius:var(--radius-full)}
::-webkit-scrollbar-thumb:hover{background:var(--avocado)}