/* Extracted from repeated inline HTML styles. */

    
    .blog-page { min-height: 100vh; overflow-x: hidden; }
    .blog-page__main { min-height: calc(100vh - 72px); }
    .blog-hero { padding: 145px 0 72px; }
    .blog-hero__inner { max-width: 820px; }
    .blog-hero h1 { max-width: 760px; }
    .blog-hero__lead { max-width: 700px; margin-top: 24px; color: var(--muted); font-size: 1.08rem; }
    .blog-section { padding: 35px 0 100px; }
    .blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
    .blog-card {
      display: flex; flex-direction: column; min-width: 0; overflow: hidden;
      border: 1px solid var(--line); border-radius: 18px;
      background: linear-gradient(145deg, rgba(17,23,19,.96), rgba(8,11,9,.96));
      box-shadow: var(--shadow); transition: transform .22s ease, border-color .22s ease;
    }
    .blog-card:hover { transform: translateY(-5px); border-color: rgba(140,255,0,.35); }
    .blog-card__visual {
      min-height: 185px; display: grid; place-items: center; position: relative; overflow: hidden;
      border-bottom: 1px solid var(--line);
      background:
        radial-gradient(circle at 72% 32%, rgba(140,255,0,.22), transparent 32%),
        linear-gradient(135deg, #0c120e, #151d17);
    }
    .blog-card__visual::before {
      content: ""; position: absolute; inset: 0; opacity: .18;
      background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .blog-card__visual span { position: relative; color: var(--green); font-size: 3rem; font-weight: 800; letter-spacing: -.06em; }
    .blog-card__body { display: flex; flex: 1; flex-direction: column; padding: 26px; }
    .blog-card__meta { margin-bottom: 14px; color: var(--green); font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
    .blog-card h2 { margin-bottom: 13px; font-size: 1.45rem; line-height: 1.18; }
    .blog-card p { margin-bottom: 24px; color: var(--muted); }
    .blog-card .text-link { margin-top: auto; align-self: flex-start; }
    .blog-empty {
      margin-top: 34px; padding: 24px; border: 1px dashed rgba(140,255,0,.3); border-radius: 14px;
      color: var(--muted); text-align: center; background: rgba(140,255,0,.025);
    }
    @media (max-width: 900px) {
      .blog-hero { padding-top: 120px; }
      .blog-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 600px) {
      
      
      
      
      .blog-hero { padding: 100px 0 52px; }
      .blog-section { padding: 18px 0 72px; }
      .blog-grid { grid-template-columns: 1fr; }
      .blog-card__visual { min-height: 155px; }
      .blog-card__body { padding: 22px; }
    }
  .footer__links{display:flex;gap:18px;align-items:center}.footer__links a{color:var(--muted)}.footer__links a:hover{color:var(--green)}@media(max-width:600px){.footer__links{flex-wrap:wrap}}