/* ==========================================================================
   Custom styles поверх Tailwind — киберпанк/консольная эстетика.
   Никаких теней и градиентов. Жёсткие границы.
   ========================================================================== */

:root {
    --accent: #10b981;
    --base:   #0f172a;
    --line:   #1e293b;
}

/* Убираем скруглённые «мягкие» эффекты, оставляем консольную жёсткость */
* {
    box-shadow: none !important;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Кастомный скроллбар в терминальном стиле */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: var(--base);
}
::-webkit-scrollbar-thumb {
    background: var(--line);
    border: 1px solid var(--base);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
}

/* Мигающий курсор в стиле терминала для главного заголовка */
h1::after {
    content: "_";
    color: var(--accent);
    margin-left: 4px;
    animation: blink 1.1s step-end infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0; }
}

/* Убираем мигающий курсор на странице статьи (там длинный заголовок) */
article h1::after {
    content: "";
    animation: none;
}

/* Подсветка ссылок фокуса (доступность) */
a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Плавное появление секций при загрузке (опционально, лёгкое) */
main section {
    animation: fadeUp 0.5s ease both;
}

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