:root{
  --night:#0b1020;
  --ink:#16203a;
  --paper:#f8f1df;
  --aged:#eadbb6;
  --gold:#d9ab4e;
  --red:#c92d32;
  --blue:#244c9c;
  --ice:#dfefff;
  --muted:#7c6f5a;
  --line:rgba(24,32,58,.18);
  --glow:rgba(217,171,78,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 12%, rgba(201,45,50,.18), transparent 30%),
    radial-gradient(circle at 82% 4%, rgba(36,76,156,.20), transparent 34%),
    linear-gradient(135deg,#090d19 0%,#121d39 46%,#060912 100%);
  font-family: Georgia, 'Times New Roman', serif;
  line-height:1.65;
}
a{color:inherit}
.captain-shell{min-height:100vh; padding:20px;}
.relay-dock{
  position:fixed;
  z-index:20;
  top:28px;
  right:28px;
  width:118px;
  padding:12px 10px;
  background:rgba(248,241,223,.9);
  border:1px solid rgba(255,255,255,.55);
  border-radius:34px;
  box-shadow:0 28px 70px rgba(0,0,0,.38), inset 0 0 0 5px rgba(217,171,78,.18);
  display:flex;
  flex-direction:column;
  gap:9px;
  backdrop-filter:blur(14px);
}
.relay-dock a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  border-radius:24px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#0b1020;
  border:1px solid rgba(22,32,58,.18);
  background:linear-gradient(180deg,#fff9e7,#e5d09d);
}
.relay-dock a:nth-child(2n){background:linear-gradient(180deg,#eaf3ff,#c8d7fb)}
.relay-dock a:hover{transform:translateX(-5px); box-shadow:0 10px 25px rgba(0,0,0,.18)}
.vault-grid{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:22px;
}
.epoch-sash{
  position:sticky;
  top:20px;
  min-height:calc(100vh - 40px);
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(11,16,32,.8),rgba(11,16,32,.62)),
    url('https://commons.wikimedia.org/wiki/Special:FilePath/Russia_vs_Spain_2018_FIFA_World_Cup.jpg?width=700') center/cover;
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  padding:28px;
  box-shadow:0 35px 90px rgba(0,0,0,.36);
}
.epoch-sash::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(217,171,78,.35);
  border-radius:26px;
  pointer-events:none;
}
.mark-pill{display:inline-block; border:1px solid rgba(255,255,255,.32); border-radius:999px; padding:6px 12px; color:#ffe5a7; font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:800}
.epoch-sash h1{font-size:42px; line-height:1.05; margin:36px 0 18px; letter-spacing:-.04em}
.epoch-sash p{font-size:15px; color:rgba(255,255,255,.78)}
.sash-number{position:absolute; left:26px; bottom:18px; font-size:108px; line-height:1; font-weight:900; color:rgba(255,255,255,.08); font-family:Arial, sans-serif}
.captain-vault{
  background:linear-gradient(180deg,var(--paper),#f4e7c8 58%,#e8d3a1);
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 35px 90px rgba(0,0,0,.3);
}
.relay-hero{
  min-height:520px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:0;
  border-bottom:1px solid var(--line);
}
.command-copy{padding:46px 46px 34px; position:relative; isolation:isolate}
.command-copy::before{
  content:"КАПИТАНЫ";
  position:absolute;
  left:34px;
  top:8px;
  font-family:Arial, sans-serif;
  font-size:76px;
  letter-spacing:.12em;
  font-weight:900;
  color:rgba(36,76,156,.06);
  z-index:-1;
}
.command-copy h2{font-size:52px; line-height:1.02; margin:24px 0 18px; letter-spacing:-.055em}
.command-copy .lead{font-size:20px; color:#443b2e; max-width:650px}
.plain-link{font-weight:900; text-decoration:none; border-bottom:2px solid var(--red); color:#16203a; white-space:nowrap}
.plain-link:hover{color:var(--red)}
.photo-relay{
  position:relative;
  min-height:520px;
  background:#101627;
  overflow:hidden;
}
.photo-relay img{position:absolute; object-fit:cover; filter:saturate(.95) contrast(1.05); box-shadow:0 24px 60px rgba(0,0,0,.28)}
.photo-relay .p1{width:62%; height:58%; left:5%; top:8%; border-radius:28px 8px 28px 8px}
.photo-relay .p2{width:54%; height:46%; right:4%; top:28%; border-radius:8px 30px 8px 30px}
.photo-relay .p3{width:58%; height:38%; left:18%; bottom:5%; border-radius:30px}
.photo-relay .relay-seal{position:absolute; right:30px; bottom:26px; width:116px; height:116px; border-radius:50%; display:grid; place-items:center; color:#fff2c7; font-weight:900; text-align:center; letter-spacing:.08em; font-size:13px; background:radial-gradient(circle, rgba(217,171,78,.25),rgba(201,45,50,.65)); border:1px solid rgba(255,255,255,.3); backdrop-filter:blur(8px)}
.era-tabs{display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid var(--line); background:rgba(255,255,255,.32)}
.era-tabs a{padding:16px 14px; text-align:center; text-decoration:none; font-family:Arial,sans-serif; text-transform:uppercase; font-size:12px; letter-spacing:.08em; font-weight:900; border-right:1px solid var(--line)}
.era-tabs a:last-child{border-right:0}
.era-tabs a:hover{background:#fff7dd;color:var(--red)}
.article-current{padding:38px 46px 52px}
.signal-badges{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:20px 0 34px}
.signal-badges div{background:#11192c;color:#fff;border-radius:22px;padding:18px;min-height:122px;position:relative;overflow:hidden}
.signal-badges div::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-30px;background:rgba(217,171,78,.17)}
.signal-badges strong{display:block;font-size:28px;line-height:1;color:#ffd277}
.signal-badges span{display:block;margin-top:10px;font-size:13px;color:rgba(255,255,255,.78)}
.essay-panel{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;border-top:1px solid var(--line);padding:34px 0;align-items:start}
.essay-panel h3{margin:0;font-size:24px;line-height:1.12;position:sticky;top:24px;color:#101627}
.essay-panel p{margin:0 0 16px;font-size:18px;color:#302a20}
.essay-panel .note-card{background:#fff8e6;border-left:6px solid var(--red);padding:20px;border-radius:0 18px 18px 0;margin:20px 0;color:#342719;box-shadow:0 14px 35px rgba(60,40,0,.08)}
.captain-strip{margin:12px 0 36px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.captain-strip figure{margin:0;background:#101627;color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.captain-strip img{width:100%;height:210px;object-fit:cover;display:block}
.captain-strip figcaption{padding:12px 14px;font-size:13px;color:#f1dfad}
.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 6px}
.voice-card{background:#16203a;color:#f9f0d9;border-radius:28px;padding:26px;position:relative;overflow:hidden}
.voice-card:nth-child(2){background:#7b1c24}.voice-card:nth-child(3){background:#173b6d}.voice-card:nth-child(4){background:#3d3324}
.voice-card b{display:block;font-size:21px;margin-bottom:8px;color:#fff}.voice-card p{margin:0;color:rgba(255,255,255,.78);font-size:16px}
.footer-ribbon{padding:28px 46px;background:#0e1424;color:rgba(255,255,255,.68);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px}
.footer-ribbon strong{color:#f8dc9a}
@media (max-width:980px){
  .captain-shell{padding:10px}.vault-grid{display:block}.epoch-sash{position:relative;min-height:auto;margin-bottom:14px}.relay-dock{position:static;width:auto;flex-direction:row;border-radius:20px;margin:0 0 12px;overflow:auto}.relay-dock a{min-width:94px}.relay-hero{grid-template-columns:1fr}.command-copy{padding:30px 22px}.command-copy h2{font-size:38px}.photo-relay{min-height:430px}.era-tabs{grid-template-columns:1fr 1fr}.signal-badges{grid-template-columns:1fr 1fr}.essay-panel{grid-template-columns:1fr}.essay-panel h3{position:static}.captain-strip,.voice-grid{grid-template-columns:1fr}.article-current{padding:26px 22px}.footer-ribbon{padding:24px 22px;display:block}
}