/* ============================================================
   LUNA · документы (соглашение, конфиденциальность, поддержка)
   в стиле главной страницы
   ============================================================ */

:root{--lg-ease:cubic-bezier(.16,1,.3,1)}

body{
  background:#010204 !important;
  color:#c4cad6 !important;
}
body::before{
  content:"" !important;
  position:fixed !important;
  inset:-10% !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(var(--rgb),.20), transparent 60%),
    radial-gradient(circle at 86% 46%, rgba(var(--rgb),.14), transparent 52%),
    radial-gradient(circle at 10% 82%, rgba(var(--rgb),.13), transparent 52%) !important;
  filter:blur(100px) !important;
  animation:lg-mesh 20s linear infinite alternate !important;
  will-change:transform !important;
}
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  opacity:.015 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E") !important;
}
@keyframes lg-mesh{
  0%{transform:scale(1) rotate(0)}
  100%{transform:scale(1.15) rotate(3deg)}
}
::selection{background:rgba(var(--rgb),.35) !important;color:#fff !important}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent) !important;outline-offset:4px !important}

/* ---------- шапка документа ---------- */
.document-header{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  background:rgba(5,8,13,.82) !important;
  backdrop-filter:blur(20px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(130%) !important;
  min-height:80px !important;
  gap:26px !important;
}
.document-brand{
  font-size:20px !important;
  font-weight:800 !important;
  letter-spacing:-.055em !important;
  gap:10px !important;
  color:#fff !important;
}
.document-moon{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  background:var(--accent) !important;
  background-image:none !important;
  transform:none !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}
.document-moon::after{
  content:"L" !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  background:none !important;
  font:800 14px/1 Unbounded,Manrope,sans-serif !important;
  color:#fff !important;
}
:root[data-theme=amber] .document-moon::after{color:#231900 !important}
.version{
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  color:#8a92a4 !important;
  font-size:8px !important;
  letter-spacing:.14em !important;
  padding:3px 8px !important;
}
.back-link{font-size:11px !important;color:#8a92a4 !important;transition:color .3s !important}
.back-link:hover{color:#fff !important}
.header-support{
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.03) !important;
  border-radius:12px !important;
  color:#c6ccd8 !important;
  font-size:11px !important;
  padding:10px 15px !important;
  transition:border-color .35s, background .35s, color .3s, transform .35s var(--lg-ease) !important;
}
.header-support:hover{
  border-color:rgba(var(--rgb),.55) !important;
  background:rgba(var(--rgb),.10) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
}

/* ---------- заголовок ---------- */
.document-hero{padding:60px 0 38px !important}
.eyebrow{
  font-size:9px !important;
  letter-spacing:.22em !important;
  color:#767e90 !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}
.eyebrow::before{
  content:"" !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:var(--accent) !important;
  box-shadow:0 0 12px var(--accent) !important;
}
.document-hero h1{
  font-size:clamp(28px,3.6vw,46px) !important;
  font-weight:900 !important;
  letter-spacing:-.06em !important;
  line-height:1.12 !important;
  color:#fff !important;
  margin:20px 0 18px !important;
}
.document-hero h1 span{
  color:#fff !important;
  background-image:linear-gradient(90deg,#fff 0%,#fff 18%,var(--accent) 50%,#fff 82%,#fff 100%) !important;
  background-size:200% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  animation:lg-shimmer 6s linear infinite !important;
}
@keyframes lg-shimmer{to{background-position:200% center}}
.document-hero>p{font-size:13px !important;color:#868d9f !important;line-height:1.85 !important;max-width:660px !important}
.document-meta{font-size:10px !important;color:#767e90 !important;gap:14px !important;margin-top:22px !important}
.edition{
  border:1px solid rgba(var(--rgb),.35) !important;
  background:rgba(var(--rgb),.12) !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:8px !important;
  letter-spacing:.16em !important;
  padding:4px 10px !important;
}

/* ---------- вкладки документов ---------- */
.document-tabs{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  gap:6px !important;
  padding:6px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.02) !important;
  backdrop-filter:blur(12px) !important;
  display:inline-flex !important;
  max-width:100% !important;
}
.document-tabs a{
  font-size:11px !important;
  font-weight:600 !important;
  color:#8a92a4 !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
  padding:10px 15px !important;
  margin-bottom:0 !important;
  transition:background .35s, color .3s !important;
}
.document-tabs a:hover{color:#fff !important;background:rgba(255,255,255,.05) !important}
.document-tabs a[aria-current]{
  background:rgba(var(--rgb),.14) !important;
  border-color:rgba(var(--rgb),.28) !important;
  color:#fff !important;
}

/* ---------- плашка предрелиза ---------- */
.release-notice{
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.02) !important;
  color:#868d9f !important;
  font-size:11px !important;
  padding:18px 20px !important;
}
.release-notice strong{color:#fff !important;font-weight:700 !important}
.notice-dot{
  width:6px !important;
  height:6px !important;
  background:var(--accent) !important;
  box-shadow:0 0 12px var(--accent) !important;
  margin-top:7px !important;
}

/* ---------- оглавление ---------- */
.document-toc>.eyebrow{font-size:8px !important;color:#6f7789 !important}
.document-toc nav a{
  font-size:10.5px !important;
  color:#8a92a4 !important;
  padding:9px 10px !important;
  border-radius:10px !important;
  transition:background .3s, color .3s !important;
}
.document-toc nav a span{font-family:monospace !important;color:#5f6778 !important;font-size:9px !important}
.document-toc nav a:hover{color:#fff !important;background:rgba(255,255,255,.04) !important}
.document-toc nav a[aria-current],
.document-toc nav a.active{color:#fff !important;background:rgba(var(--rgb),.12) !important}
.toc-contact{
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.02) !important;
  color:#868d9f !important;
  font-size:10px !important;
}

/* ---------- тело документа ---------- */
.document-body{
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.02) !important;
  padding:36px 40px 8px !important;
  box-shadow:none !important;
}
.document-name{
  font-size:19px !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  color:#fff !important;
  margin-bottom:22px !important;
}
.document-body section{
  border-top:1px solid rgba(255,255,255,.06) !important;
  padding:30px 0 !important;
}
.document-body section h2{
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
  color:#fff !important;
  line-height:1.5 !important;
}
.section-number{color:var(--accent) !important;font-family:monospace !important;font-size:10px !important}
.document-body p,
.document-body ul,
.document-body ol{color:#9aa2b3 !important;font-size:12.5px !important;line-height:1.95 !important}
.document-body li::marker{color:var(--accent) !important}
.document-body strong,
.document-body b{color:#e6ebf4 !important}
.document-body a{color:#fff !important;border-bottom:1px solid rgba(var(--rgb),.55) !important}
.document-body a:hover{border-color:var(--accent) !important;color:var(--accent) !important}
.wrap-code,
.document-body code{
  background:#090d15 !important;
  border:1px solid rgba(var(--rgb),.28) !important;
  border-radius:10px !important;
  color:#dfe6f2 !important;
  font-family:monospace !important;
  font-size:11px !important;
  padding:3px 7px !important;
}
.document-end{
  border-top:1px solid rgba(255,255,255,.06) !important;
  color:#6f7789 !important;
  font-size:10px !important;
}

/* ---------- таблицы ---------- */
.legal-table-wrap{
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.02) !important;
}
.legal-table-wrap th{
  background:rgba(var(--rgb),.08) !important;
  color:#b9c1cf !important;
  font-size:10px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  padding:13px 16px !important;
}
.legal-table-wrap td{
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  color:#9aa2b3 !important;
  font-size:11.5px !important;
  padding:14px 16px !important;
}
.legal-table-wrap td:last-child{color:#fff !important}
.legal-table-wrap tr:last-child td{border-bottom:0 !important}

/* ---------- поддержка ---------- */
.support-panel{
  border:1px solid rgba(var(--rgb),.30) !important;
  border-radius:26px !important;
  background:
    radial-gradient(ellipse at 85% 0%, rgba(var(--rgb),.16), transparent 70%),
    rgba(255,255,255,.02) !important;
  padding:30px !important;
  box-shadow:0 30px 80px -50px rgba(var(--rgb),.9) !important;
}
.support-caption{font-size:8px !important;letter-spacing:.2em !important;color:#767e90 !important}
.support-panel>strong{
  font-size:clamp(24px,2.6vw,32px) !important;
  font-weight:900 !important;
  letter-spacing:-.05em !important;
  color:#fff !important;
}
.legal-button{
  border:1px solid rgba(var(--rgb),.85) !important;
  border-radius:14px !important;
  background:var(--accent) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  padding:13px 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  box-shadow:0 14px 34px -16px rgba(var(--rgb),.9) !important;
  transition:transform .4s var(--lg-ease), box-shadow .4s, filter .3s !important;
}
.legal-button:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
  box-shadow:0 18px 40px -14px rgba(var(--rgb),1) !important;
}
:root[data-theme=amber] .legal-button{color:#231900 !important}

/* ---------- подвал ---------- */
.document-footer{
  border-top:1px solid rgba(255,255,255,.06) !important;
  color:#6f7789 !important;
  font-size:10px !important;
  margin-top:50px !important;
}
.document-footer-links a{color:#8a92a4 !important;font-size:10.5px !important}
.document-footer-links a:hover{color:var(--accent) !important}
.document-footer-meta{color:#5f6778 !important}
.review-marker{color:#5f6778 !important;font-size:9px !important}
.review-marker b{color:#9aa2b3 !important}

/* ---------- адаптив ---------- */
@media(max-width:900px){
  .document-body{border-radius:24px !important;padding:26px 22px 4px !important}
  .document-tabs{border-radius:14px !important;width:100% !important;overflow:auto !important}
  .support-panel{padding:22px !important;border-radius:20px !important}
  .document-hero{padding:40px 0 28px !important}
}
@media(prefers-reduced-motion:reduce){
  body::before{animation:none !important}
  .document-hero h1 span{animation:none !important}
}