/* ═══════════════════════════════════════════════════════════════
   Оракулум · юридические страницы (Политика, Оферта, Возврат)
   Тот же «Небесный атлас»: ночь-индиго + золото, Cormorant в заголовках.
   Самодостаточно и легко (Meta проверяет скорость лендинга).
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ink:#07080f; --ink-2:#0c0e1a; --indigo:#1b2145;
  --gold:#d9b26a; --gold-soft:#e8cf9a;
  --text:#e9e7e2; --text-dim:#9a9aa6; --text-mute:#8b8b98;
  --line:rgba(217,178,106,.16); --line-soft:rgba(233,231,226,.08);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
html{ background:var(--ink); }
body{
  font-family:var(--sans); color:var(--text); background:var(--ink);
  -webkit-font-smoothing:antialiased; line-height:1.7;
  background-image:
    radial-gradient(120% 60% at 50% 0%, rgba(27,33,69,.5) 0%, transparent 60%),
    radial-gradient(100% 90% at 50% 100%, rgba(7,8,15,.9) 0%, transparent 70%);
  background-attachment:fixed;
}

.wrap{ max-width:760px; margin:0 auto; padding:0 22px 80px; }

/* шапка */
.top{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; height:64px; max-width:760px; margin:0 auto; padding:0 22px;
  position:sticky; top:0; z-index:5;
  background:rgba(7,8,15,.72); backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.brand{ display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--text); }
.brand__mark{ color:var(--gold); font-size:15px; }
.brand__name{
  font-family:var(--serif); font-size:18px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
}
.top__right{ display:flex; align-items:center; gap:8px; }
.langs{ display:flex; gap:4px; }
.lang{
  background:transparent; border:1px solid var(--line-soft); color:var(--text-mute);
  border-radius:999px; font-family:var(--sans); font-size:11px; font-weight:500;
  letter-spacing:.08em; padding:8px 12px; cursor:pointer; transition:.2s;
  min-height:36px;
}
.lang.is-active{ color:var(--gold); border-color:var(--gold); }
.lang:hover{ color:var(--gold); }
.back{
  color:var(--text-dim); text-decoration:none; font-size:12.5px;
  border:1px solid var(--line-soft); border-radius:999px; padding:8px 14px;
  transition:.2s; white-space:nowrap;
}
.back:hover{ color:var(--gold); border-color:var(--gold); }

/* контент */
h1{
  font-family:var(--serif); font-weight:400; letter-spacing:-.02em;
  font-size:clamp(32px,6vw,54px); line-height:1.06; margin:44px 0 6px;
}
.eff{ color:var(--text-mute); font-size:12.5px; letter-spacing:.03em; margin:0 0 30px; }
h2{
  font-family:var(--serif); font-weight:500; font-size:clamp(20px,3.4vw,26px);
  color:var(--gold-soft); margin:34px 0 10px; letter-spacing:.01em;
}
p{ margin:0 0 14px; color:var(--text); font-size:15.5px; font-weight:300; }
.lead{ color:var(--text-dim); font-size:16px; }
strong,b{ color:var(--text); font-weight:600; }
a.inline{ color:var(--gold-soft); text-decoration:none; border-bottom:1px solid var(--line); }
a.inline:hover{ color:var(--gold); }
ul{ margin:0 0 16px; padding-left:0; list-style:none; }
li{
  position:relative; padding:4px 0 4px 22px; color:var(--text);
  font-size:15px; font-weight:300;
}
li::before{ content:'✦'; position:absolute; left:0; top:4px; color:var(--gold); font-size:11px; opacity:.7; }

/* «важно» — врезка дисклеймера */
.note{
  background:rgba(217,178,106,.06); border:1px solid var(--line);
  border-radius:12px; padding:16px 20px; margin:18px 0;
}
.note p{ margin:0; font-size:14.5px; }

/* блок реквизитов/контакта */
.contact{
  margin-top:40px; padding-top:22px; border-top:1px solid var(--line-soft);
  color:var(--text-dim); font-size:13.5px; font-weight:300;
}
.contact b{ color:var(--text); }

/* дисклеймер-плашка внизу */
.foot{
  max-width:760px; margin:36px auto 0; padding:22px;
  border-top:1px solid var(--line-soft);
  color:var(--text-mute); font-size:12px; text-align:center; line-height:1.7;
}
.foot a{ color:var(--text-dim); text-decoration:none; margin:0 8px; border-bottom:1px solid var(--line); }
.foot a:hover{ color:var(--gold); }
.foot__badge{ color:var(--gold); font-weight:500; }

/* переключение языков */
.l{ display:none; }
.l.is-on{ display:block; }

::selection{ background:rgba(217,178,106,.3); color:#fff; }
@media (max-width:520px){
  .brand__name{ font-size:15px; letter-spacing:.12em; }
  .back{ display:none; }
}
