/* === Base: маленькая утилита анимации === */
.anim-fade { animation: fade .6s ease both; }
@keyframes fade { from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }

/* ===== GLASS CARD (главная) ===== */
.glass-card{
  position:relative; border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(12px) saturate(140%);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 18px 40px rgba(0,0,0,.10),
    0 2px 6px rgba(0,0,0,.18);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),
            box-shadow .25s cubic-bezier(.2,.8,.2,1),
            border-color .25s, background-color .25s;
}
/* блик сверху */
.glass-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0) 36%);
  pointer-events:none; mix-blend-mode:screen;
}
/* внутренний кант */
.glass-card::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); pointer-events:none;
}
/* всплытие (без 3D) */
.glass-card:hover{
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 14px 32px rgba(0,0,0,.11),
    0 4px 10px rgba(0,0,0,.15);
  border-color: rgba(255,255,255,.28);
}
/* «нажатие» */
.glass-card:active{
  transform:translateY(-2px) scale(.995);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 14px 28px rgba(0,0,0,.14),
    0 2px 8px rgba(0,0,0,.18);
}
/* fallback, если нет backdrop-filter */
@supports not (backdrop-filter: blur(8px)){
  .glass-card{ background:rgba(255,255,255,.9); border-color:rgba(255,255,255,.6); }
}


/* === JetBrains Mono === */
@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@keyframes blink {
  50% { opacity: 0; }
}

.cursor-blink {
  animation: blink 1s step-start infinite;
}

/* Мягкое "неоновое" свечение для блока */
.shadow-glow {
  box-shadow: 0 0 25px rgba(14, 165, 160, 0.25),
              inset 0 0 20px rgba(14, 165, 160, 0.08);
  transition: box-shadow 0.6s ease;
}

/* Подсветка при наведении */
.shadow-glow:hover {
  box-shadow: 0 0 40px rgba(14, 165, 160, 0.4),
              inset 0 0 25px rgba(14, 165, 160, 0.1);
}

@keyframes sg-beam-pulse {
  0%, 100% { opacity: .85; }
  50% { opacity: 1; }
}
.sg-beam { animation: sg-beam-pulse 2.6s ease-in-out infinite; }

/* при наведении на логотип — чуть сильнее свечение */
.group:hover .sg-beam { animation-duration: 1.8s; }


/* Бирюза цвет баланс между “живым бирюзовым” и “техническим глубоким” */

:root {
  --brand: #0e9da5;
}
.dark {
  --brand: #13b5ba; /* чуть ярче для тёмной темы */
}