:root{
      --bg:#05090d;
      --panel:#0c141c;
      --line:rgba(255,255,255,.15);
      --text:#f7f7fb;
      --soft:#c9d0d8;
      --purple:#7b35dc;
      --max:1120px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:radial-gradient(circle at 50% 0%,rgba(105,55,180,.18),transparent 32%),#020407;
      font-family:Arial,Helvetica,sans-serif;
    }
    a{color:inherit}
    .page{width:min(var(--max),100%);margin:0 auto;padding:18px clamp(12px,3vw,30px) 40px}
    .article-header{
      position:sticky;
      top:0;
      z-index:10;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:12px 0;
      background:rgba(2,4,7,.94);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }
    .logo{display:block;width:clamp(100px,14vw,160px);height:auto}
    .back-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:0 18px;
      border:1px solid rgba(178,105,255,.5);
      border-radius:5px;
      background:linear-gradient(180deg,#7b35dc,#55259f);
      color:#fff;
      font-weight:900;
      text-decoration:none;
      text-transform:uppercase;
    }
    h1{margin:28px 0 8px;text-align:center;font-size:clamp(25px,4vw,42px)}
    .intro{margin:0 0 24px;color:var(--soft);text-align:center;line-height:1.55}
    .article-pages{display:grid;gap:24px}
    .article-page{
      margin:0;
      border:1px solid rgba(164,98,255,.5);
      border-radius:8px;
      background:var(--panel);
      box-shadow:0 18px 60px rgba(0,0,0,.45);
      overflow:hidden;
    }
    .article-page img{display:block;width:100%;height:auto}
    .article-page figcaption{padding:10px 14px;color:var(--soft);text-align:center;font-weight:700}
    .back-top{display:block;width:max-content;margin:30px auto 0;color:#b98aff}
    @media (max-width:520px){
      .page{padding-top:8px}
      .article-header{gap:10px}
      .back-link{padding:0 12px;font-size:13px}
      .article-pages{gap:14px}
    }