@charset "utf-8";

/* ============================================================
   cyanotype — plinko-casino18.pro
   Белые силуэты на берлинской лазури. Секции — отпечатки-
   фотограммы с размытым краем. KPI в рамке засветки.
   namespace: .cyn-
   ============================================================ */

:root{
  --cyn-blue:#0f2b4a;
  --cyn-blue-deep:#08182c;
  --cyn-blue-mid:#163c62;
  --cyn-paper:#eef3f6;
  --cyn-patina:#7fa8b8;
  --cyn-patina-dim:rgba(127,168,184,.38);
  --cyn-flare:rgba(238,243,246,.86);
  --cyn-edge:rgba(238,243,246,.22);
  --cyn-shadow:rgba(4,12,22,.55);
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  padding:0;
  background:
    radial-gradient(120% 70% at 18% 0%, #1b4670 0%, rgba(27,70,112,0) 62%),
    radial-gradient(90% 60% at 88% 12%, rgba(127,168,184,.22) 0%, rgba(127,168,184,0) 70%),
    var(--cyn-blue);
  color:var(--cyn-paper);
  font-family:"Manuale",Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.66;
  letter-spacing:.005em;
}

/* зернистость эмульсии */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.5;
  background-image:
    repeating-linear-gradient(115deg, rgba(238,243,246,.035) 0 1px, rgba(0,0,0,0) 1px 4px),
    repeating-linear-gradient(-42deg, rgba(8,24,44,.10) 0 2px, rgba(0,0,0,0) 2px 7px);
}

.cyn-sheet{
  position:relative;
  z-index:1;
  max-width:980px;
  margin:0 auto;
  padding:0 26px 64px;
}

a{color:var(--cyn-paper);text-decoration:none;border-bottom:1px solid var(--cyn-patina)}
a:hover{border-bottom-color:var(--cyn-paper)}

p{margin:0 0 15px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin:0 0 7px}

/* ---------- шапка-негатив ---------- */

.cyn-plate{
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px 0 14px;
  border-bottom:1px solid var(--cyn-edge);
}
.cyn-plate__mark{flex:0 0 auto;line-height:0}
.cyn-plate__name{
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:23px;
  line-height:1.05;
  letter-spacing:.02em;
  color:var(--cyn-paper);
}
.cyn-plate__meta{
  margin-left:auto;
  font-size:12px;
  line-height:1.4;
  text-align:right;
  color:var(--cyn-patina);
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* ---------- hero как крупный отпечаток ---------- */

.cyn-expose{
  position:relative;
  margin:26px 0 34px;
  padding:34px 32px 30px;
  background:
    radial-gradient(130% 120% at 82% 6%, rgba(238,243,246,.16) 0%, rgba(238,243,246,0) 58%),
    linear-gradient(168deg, var(--cyn-blue-mid) 0%, var(--cyn-blue-deep) 100%);
  border-radius:3px;
  box-shadow:
    inset 0 0 0 1px var(--cyn-edge),
    inset 0 0 44px 14px rgba(8,24,44,.55),
    0 22px 46px -28px var(--cyn-shadow);
}
/* размытый край отпечатка */
.cyn-expose::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:8px;
  pointer-events:none;
  background:
    radial-gradient(100% 100% at 50% 50%, rgba(15,43,74,0) 72%, rgba(15,43,74,.92) 100%);
}
.cyn-expose__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);
  gap:30px;
  align-items:start;
}
.cyn-expose__art{line-height:0;opacity:.94}

h1{
  margin:0 0 16px;
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:35px;
  line-height:1.16;
  font-weight:400;
  letter-spacing:.008em;
  color:#fff;
  text-shadow:0 0 26px rgba(127,168,184,.4);
}
.cyn-lede{font-size:18px;line-height:1.6;margin:0 0 20px;color:#f6fafc}

/* ---------- KPI в рамке засветки ---------- */

.cyn-flare{
  position:relative;
  z-index:2;
  margin:26px 0 0;
  padding:16px 14px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:2px;
  background:linear-gradient(90deg, rgba(238,243,246,.05), rgba(238,243,246,.14), rgba(238,243,246,.05));
  box-shadow:
    inset 0 0 0 1px rgba(238,243,246,.3),
    inset 0 0 22px 2px rgba(238,243,246,.14),
    0 0 34px -10px var(--cyn-flare);
  border-radius:2px;
}
.cyn-flare__cell{
  padding:9px 10px;
  text-align:center;
  border-right:1px dotted rgba(238,243,246,.28);
}
.cyn-flare__cell:last-child{border-right:0}
.cyn-flare__num{
  display:block;
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:21px;
  line-height:1.1;
  color:#fff;
}
.cyn-flare__cap{
  display:block;
  margin-top:6px;
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--cyn-patina);
}

/* ---------- CTA ---------- */

.cyn-press{
  display:inline-block;
  margin:22px 0 0;
  padding:14px 30px;
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:17px;
  letter-spacing:.05em;
  color:var(--cyn-blue-deep);
  background:linear-gradient(180deg,#ffffff 0%,var(--cyn-paper) 62%,#cfdde4 100%);
  border:0;
  border-bottom:0;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(238,243,246,.55), 0 0 30px -6px var(--cyn-flare);
}
.cyn-press:hover{background:linear-gradient(180deg,#fff 0%,#fff 100%);border-bottom:0}
.cyn-press--wide{display:block;text-align:center;margin-top:20px}

/* ---------- секция-фотограмма ---------- */

.cyn-print{
  position:relative;
  margin:0 0 30px;
  padding:28px 30px 22px;
  background:linear-gradient(152deg, rgba(22,60,98,.82) 0%, rgba(11,32,54,.9) 100%);
  border-radius:3px;
  box-shadow:inset 0 0 0 1px var(--cyn-edge), 0 16px 38px -30px var(--cyn-shadow);
}
.cyn-print::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:3px;
  background:radial-gradient(120% 130% at 20% 0%, rgba(238,243,246,.09) 0%, rgba(238,243,246,0) 55%);
}
.cyn-print > *{position:relative;z-index:2}

h2{
  margin:0 0 6px;
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:26px;
  line-height:1.22;
  font-weight:400;
  color:#fff;
}
h2 + .cyn-strip{margin:0 0 16px}
.cyn-strip{
  display:block;
  height:6px;
  margin:0 0 16px;
  background:repeating-linear-gradient(90deg, var(--cyn-patina) 0 9px, rgba(127,168,184,0) 9px 17px);
  opacity:.75;
}
h3{
  margin:24px 0 8px;
  font-family:"Manuale",Georgia,serif;
  font-size:19px;
  font-weight:700;
  line-height:1.3;
  color:var(--cyn-paper);
  padding-left:13px;
  border-left:3px solid var(--cyn-patina);
}

.cyn-em{color:#ffffff;background:rgba(127,168,184,.18);padding:0 4px;border-radius:2px}
.cyn-fig{color:#d9ecf3;font-variant-numeric:tabular-nums}
.cyn-note{font-size:14px;line-height:1.55;color:var(--cyn-patina);margin:12px 0 0}

/* ---------- таблицы ---------- */

.cyn-scroll{overflow-x:auto;margin:16px 0 8px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
caption{
  caption-side:top;
  text-align:left;
  padding:0 0 9px;
  font-size:12px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--cyn-patina);
}
th,td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px dotted rgba(127,168,184,.4)}
thead th{
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-weight:400;
  font-size:13px;
  letter-spacing:.05em;
  color:var(--cyn-blue-deep);
  background:var(--cyn-paper);
  border-bottom:0;
}
tbody tr:nth-child(odd) td{background:rgba(238,243,246,.05)}
td.cyn-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- ступени клуба ---------- */

.cyn-stack{list-style:none;margin:16px 0 8px;padding:0;display:grid;gap:8px}
.cyn-stack li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:12px;
  align-items:baseline;
  margin:0;
  padding:10px 14px;
  background:rgba(238,243,246,.06);
  box-shadow:inset 0 0 0 1px rgba(127,168,184,.28);
  border-radius:2px;
}
.cyn-stack__n{
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:15px;
  color:var(--cyn-patina);
}
.cyn-stack__val{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}

/* ---------- шкала риска ---------- */

.cyn-risk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 6px}
.cyn-risk__col{
  padding:14px 16px;
  background:rgba(8,24,44,.45);
  box-shadow:inset 0 0 0 1px rgba(127,168,184,.3);
  border-radius:2px;
}
.cyn-risk__name{
  display:block;
  font-family:"Rubik Beastly",Impact,"Manuale",serif;
  font-size:16px;
  color:#fff;
  margin-bottom:6px;
}
.cyn-risk__col p{font-size:14.5px;line-height:1.55;margin:0}

/* ---------- отзыв ---------- */

.cyn-slip{
  margin:18px 0 6px;
  padding:16px 20px;
  background:var(--cyn-paper);
  color:var(--cyn-blue-deep);
  border-radius:2px;
  box-shadow:0 0 26px -8px var(--cyn-flare);
}
.cyn-slip p{margin:0 0 9px;font-size:15.5px;line-height:1.6}
.cyn-slip__sign{font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:#3f6076;margin:0}

/* ---------- FAQ ---------- */

details{
  margin:0 0 8px;
  padding:12px 16px;
  background:rgba(238,243,246,.05);
  box-shadow:inset 0 0 0 1px rgba(127,168,184,.26);
  border-radius:2px;
}
summary{
  cursor:pointer;
  list-style:none;
  font-family:"Manuale",Georgia,serif;
  font-weight:700;
  font-size:16.5px;
  line-height:1.4;
  color:#fff;
}
summary::-webkit-details-marker{display:none}
summary::before{content:"\25B8";color:var(--cyn-patina);margin-right:10px;display:inline-block}
details[open] summary::before{content:"\25BE"}
details[open] summary{margin-bottom:9px}
details p{margin:0;font-size:15.5px}

/* ---------- сноска об источниках ---------- */

.cyn-ledger{
  margin:0 0 26px;
  padding:22px 26px;
  background:rgba(8,24,44,.5);
  box-shadow:inset 0 0 0 1px rgba(127,168,184,.3);
  border-radius:3px;
}
.cyn-ledger h2{font-size:21px}
.cyn-ledger ul{font-size:15px;color:#dbe9ef}

/* ---------- подвал ---------- */

.cyn-mount{
  margin-top:10px;
  padding:24px 0 8px;
  border-top:1px solid var(--cyn-edge);
  font-size:14px;
  line-height:1.62;
  color:#cadde6;
}
.cyn-mount p{margin:0 0 9px}
.cyn-mount__age{
  display:inline-block;
  margin-top:6px;
  padding:7px 14px;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--cyn-blue-deep);
  background:var(--cyn-patina);
  border-radius:2px;
}

/* ---------- адаптив ---------- */

@media (max-width:640px){
  body{font-size:16px}
  .cyn-sheet{padding:0 16px 44px}
  .cyn-plate{flex-wrap:wrap;gap:10px}
  .cyn-plate__meta{margin-left:0;text-align:left;width:100%}
  .cyn-expose{padding:22px 18px 22px;margin:18px 0 26px}
  .cyn-expose__grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .cyn-expose__art{order:-1}
  h1{font-size:26px}
  .cyn-lede{font-size:16.5px}
  .cyn-flare{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 10px}
  .cyn-flare__cell{border-right:0;box-shadow:inset 0 0 0 1px rgba(238,243,246,.18)}
  .cyn-flare__num{font-size:19px}
  .cyn-print{padding:20px 17px 16px}
  h2{font-size:21px}
  h3{font-size:17.5px}
  .cyn-risk{grid-template-columns:minmax(0,1fr)}
  .cyn-stack li{grid-template-columns:28px minmax(0,1fr);row-gap:4px}
  .cyn-stack__val{grid-column:2}
  .cyn-press{display:block;text-align:center;padding:13px 18px}
  .cyn-ledger{padding:18px 17px}
  table{font-size:14px}
}