/* history.css — максимально комфортная версия для глаз */
body {
  margin:0; padding:0; font-family:"Poppins",Arial,sans-serif;
  background: linear-gradient(rgba(0,0,0,0.58), rgba(0,0,0,0.78)),   /* ← чуть сильнее затемнение */
              url("../images/bg-warm.jpg") center/cover fixed;
  color:#e8dcc0;               /* ← тёплый, мягкий бежевый вместо белого */
  line-height:1.85;
  min-height:100vh;
}

/* Искры — чуть мягче и реже */
body::after {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(circle, rgba(255,215,0,0.18) 1.5px, transparent 5px),
    radial-gradient(circle, rgba(255,240,150,0.12) 2px, transparent 6px);
  background-size:140px 140px,200px 200px;
  opacity:0.35;
  animation:spark 18s linear infinite;
}
@keyframes spark {from{background-position:0 0,0 0}to{background-position:300px 600px,-300px -300px}}

/* Шапка — чуть темнее и спокойнее */
.site-header{
  position:fixed;top:0;left:0;width:100%;padding:18px 40px;
  background:rgba(15,12,8,0.88);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,215,0,0.2);z-index:1000;
}
.header-content{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo h1{font-size:26px;color:#ffd700;letter-spacing:2px;text-shadow:0 0 12px rgba(255,215,0,0.3)}
.nav-buttons{display:flex;gap:24px}
.nav-btn{color:#e8dcc0;text-decoration:none;font-weight:600;padding:10px 24px;
        border:1.5px solid rgba(255,215,0,0.3);border-radius:50px;transition:.3s}
.nav-btn:hover,.nav-btn.active{
  background:rgba(255,215,0,0.15);border-color:#ffd700;color:#fff;
}

/* Основной контент */
.history-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 140px 30px 120px;
}

.hero-section {
  text-align: center;
  margin-bottom: 100px;
}
.hero-section h1 {
  font-size: 52px;
  color: #fff8e0;
  text-shadow: 0 0 18px rgba(255,180,0,0.4);
  margin-bottom: 18px;
}
.hero-section .lead {
  font-size: 23px;
  color: #d4c090;
  opacity: 0.92;
}

/* Блоки текста — мягкие, уютные, не режут глаз */
.text-block {
  margin-bottom: 85px;
  background: rgba(22,18,12,0.68);
  padding: 48px 55px;
  border-radius: 22px;
  border-left: 4px solid #c9a750;
  box-shadow: 0 12px 35px rgba(0,0,0,0.45);
  opacity: 0;
  transform: translateY(25px);
  animation: fadeUp 0.9s ease-out forwards;
}
.text-block:nth-of-type(1) { animation-delay: 0.2s; }
.text-block:nth-of-type(2) { animation-delay: 0.4s; }
.text-block:nth-of-type(3) { animation-delay: 0.6s; }
.text-block:nth-of-type(4) { animation-delay: 0.8s; }
.text-block:nth-of-type(5) { animation-delay: 1s; }

.text-block h2 {
  font-size: 34px;
  color: #ffd700;
  margin-bottom: 22px;
  text-shadow: 0 0 12px rgba(255,215,0,0.25);
}
.text-block p {
  font-size: 18.5px;
  color: #e0d4b8;
  margin-bottom: 20px;
}

/* Цитата — мягкая и красивая */
blockquote {
  font-size: 24px;
  line-height: 1.6;
  color: #fff8e0;
  background: rgba(40,30,15,0.4);
  padding: 38px 45px;
  border-radius: 18px;
  margin: 45px 0;
  text-align: center;
  border: 1px solid rgba(255,215,0,0.25);
  font-style: italic;
}
blockquote cite {
  display: block;
  margin-top: 18px;
  font-size: 17px;
  color: #c9a750;
  font-style: normal;
}

/* Последний блок без большой пословицы */
.final {
  border: 2px solid rgba(255,215,0,0.4);
  background: rgba(35,28,15,0.75);
}

/* Футер */
footer {
  text-align:center;
  padding:60px 20px;
  background:rgba(0,0,0,0.78);
  backdrop-filter:blur(12px);
  border-top:1px solid rgba(255,215,0,0.15);
}
.back-btn { color:#d4c090; font-size:18px; text-decoration:none; }

/* Анимация */
@keyframes fadeUp {
  to { opacity:1; transform:translateY(0); }
}

/* Адаптив */
@media (max-width:768px) {
  .hero-section h1 { font-size:42px; }
  .hero-section .lead { font-size:20px; }
  .text-block { padding:40px 30px; margin:0 15px 70px; }
  .text-block h2 { font-size:30px; }
  blockquote { padding:30px 25px; font-size:22px; }
}