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

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/webfonts/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
    background: #000;
    color: #00ff00;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    display: flex;
    justify-content: center;
    align-items: center;
}

.terminal {
    max-width: 800px;
    padding: 2rem;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
}

.dev-header {
    text-align: center;
    margin-bottom: 2rem;
}

h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    color: #ff0;
}

.dev-subtitle {
    font-size: 1.2rem;
    color: #0f0;
    opacity: 0.8;
}

/* Скелетоны для контента */
section {
    margin-bottom: 2.5rem;
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    to { opacity: 1; }
}

/* ах, люблю слабый интернет */
.changelog { animation-delay: 0.2s; }
.architecture { animation-delay: 0.4s; }
.roadmap { animation-delay: 0.6s; }
.signature { animation-delay: 0.8s; }
