/* theLUMA — общие стили юридических страниц */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

:root {
	--bg:          #0A0A0A;
	--bg-elev:     #141414;
	--bg-card:     #161616;
	--border:      #1F1F1F;
	--text:        #FFFFFF;
	--text-muted:  #A4A4A4;
	--text-dim:    #696969;
	--yellow:      #FFED9F;
	--accent:      #FFD43B;
	--font-body:   'Jost', system-ui, -apple-system, Segoe UI, sans-serif;
	--container:   1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--text-muted);
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--text); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--accent); }

.container {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 24px;
}
@media (min-width: 1100px) { .container { padding: 0 48px; } }

/* Точечная сетка фона */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,0.05) 1.5px, transparent 1.5px);
	background-size: 254px 254px;
	pointer-events: none;
	z-index: 0;
}
.site-header, .site-footer, .legal-main { position: relative; z-index: 1; }

/* Хедер */
.site-header {
	border-bottom: 1px solid var(--border);
}
.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 90px;
	gap: 24px;
}
.site-logo {
	display: inline-flex;
	color: var(--text);
}
.site-logo:hover { color: var(--accent); }
.site-logo svg { height: 30px; width: auto; }

.site-header__back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border: 1px solid var(--border);
	border-radius: 10px;
	color: var(--text-dim);
	font-weight: 500;
	font-size: 16px;
}
.site-header__back:hover { color: var(--text); border-color: #2A2A2A; }

/* Hero */
.legal-hero {
	padding: 60px 0 40px;
	border-bottom: 1px solid var(--border);
	text-align: center;
}
.legal-hero__title {
	font-size: 64px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.02em;
	margin: 0 auto;
	max-width: 100%;
	width: fit-content;
	background-image: linear-gradient(90deg, #8B8B8B 0%, #FFFFFF 49%, #FFED9F 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.legal-hero__subtitle {
	color: var(--text-dim);
	font-size: 16px;
	margin-top: 16px;
}

/* Контент */
.legal-main { padding: 60px 0 100px; }
.legal-article {
	max-width: 880px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.7;
	color: var(--text-muted);
}
.legal-article > * + * { margin-top: 18px; }

.legal-article h2 {
	margin: 56px 0 16px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	color: #A4A4A4;
	letter-spacing: -0.01em;
}
.legal-article h3 {
	margin: 36px 0 12px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;
	color: #A4A4A4;
}
.legal-article p { margin: 0; }
.legal-article p + p { margin-top: 14px; }
.legal-article strong { color: var(--text); font-weight: 600; }

.legal-article ul, .legal-article ol {
	padding-left: 24px;
	margin: 16px 0;
}
.legal-article ul { list-style: disc; }
.legal-article ol { list-style: decimal; }
.legal-article li + li { margin-top: 8px; }

.legal-article a[href^="http"], .legal-article a[href^="/"] {
	color: var(--accent);
	border-bottom: 1px solid rgba(255,212,59,0.3);
}
.legal-article a[href^="http"]:hover, .legal-article a[href^="/"]:hover {
	border-bottom-color: var(--accent);
}

.legal-article .lead {
	font-size: 19px;
	line-height: 1.55;
	color: #B8B8B8;
	padding: 24px 28px;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 16px;
	margin-bottom: 32px;
}

.legal-article .meta {
	display: inline-block;
	font-size: 13px;
	color: var(--text-dim);
	padding: 4px 12px;
	border: 1px solid var(--border);
	border-radius: 999px;
	margin-bottom: 24px;
}

/* Футер */
.site-footer {
	border-top: 1px solid var(--border);
	padding: 24px 0;
	margin-top: 80px;
	font-family: var(--font-body);
	font-size: 14px;
	color: var(--text-dim);
}
.site-footer__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.site-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}
.site-footer__nav a { color: var(--text-dim); }
.site-footer__nav a:hover { color: var(--accent); }

/* Адаптив */
@media (max-width: 720px) {
	.legal-hero { padding: 40px 0 24px; }
	.legal-hero__title { font-size: 36px; }
	.legal-article { font-size: 16px; }
	.legal-article h2 { font-size: 24px; margin-top: 40px; }
	.legal-article h3 { font-size: 18px; margin-top: 28px; }
	.site-footer__inner { flex-direction: column; align-items: flex-start; }
	.site-footer__nav { gap: 16px 24px; }
}