:root{
  --zemin-ust:#1b2740;--zemin-alt:#0a1838;--yazi:#fff;--soluk:#d9deea;--sonuk:#a7b0cf;
  --cizgi:rgba(190,201,230,.55);--kirmizi:#c21b39;
  --serif:"Lora",Georgia,"Times New Roman",serif;--duz:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--zemin-alt)}
body{min-height:100vh;display:flex;flex-direction:column;color:var(--yazi);font-family:var(--duz);
  background:linear-gradient(180deg,var(--zemin-ust) 0%,#10203f 55%,var(--zemin-alt) 100%) fixed}
a{color:inherit}
.sahne{flex:1;width:min(100% - 32px,960px);margin-inline:auto;padding-top:clamp(40px,7vw,72px);text-align:center}
.buro{font:400 clamp(12px,1.7vw,18px) var(--serif);letter-spacing:.38em;margin-right:-.38em}
.buro a{text-decoration:none}
.buro a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.buro::after{content:"";display:block;width:60px;height:3px;margin:14px auto 0;background:var(--kirmizi)}
h1{margin-top:clamp(22px,3.5vw,36px);font:700 clamp(34px,6.4vw,66px)/1.1 var(--serif);letter-spacing:.02em}
.kapaklar{margin:clamp(4px,1vw,12px) auto 0;max-width:820px}
.kapaklar img{display:block;width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 86%,transparent),
    linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 86%,transparent),
    linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);
  mask-composite:intersect}
.serit{list-style:none;display:grid;grid-template-columns:1.6fr 1fr 1fr;margin:clamp(8px,2vw,20px) auto 0;
  border-block:1px solid var(--cizgi)}
.serit li{padding:clamp(14px,2.2vw,22px) 6px;font:500 clamp(11px,1.7vw,18px) var(--duz);letter-spacing:.14em;color:var(--soluk)}
.serit li+li{border-left:1px solid var(--cizgi)}
.alt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;padding:clamp(36px,6vw,56px) 16px 28px;
  font:400 13px var(--duz);letter-spacing:.06em;color:var(--sonuk)}
.alt a{text-decoration:none;padding:8px 0}
.alt a:hover{color:var(--yazi);text-decoration:underline;text-underline-offset:6px}
@media (max-width:420px){.serit li{letter-spacing:.08em;padding-inline:4px}}