/* ===========================================================
   Страницы юридических документов (privacy.html, user-policy.html)
   Самодостаточный стиль в духе сайта: тёмный фон, синий акцент.
   =========================================================== */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	background: #0d0d0f;
	color: rgba(255, 255, 255, .85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

.legal-header {
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem clamp(1rem, 5vw, 3rem);
	background: rgba(13, 13, 15, .85);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.legal-header__logo {
	font-weight: 700;
	letter-spacing: .04em;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

.legal-header__logo span {
	color: #3840ff;
}

.legal-header__back {
	font-size: .9375rem;
	color: rgba(255, 255, 255, .65);
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s ease-out;
}

.legal-header__back:hover {
	color: #fff;
}

.legal {
	max-width: 50rem;
	margin: 0 auto;
	padding: 3rem clamp(1rem, 5vw, 2rem) 5rem;
}

.legal h1 {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	line-height: 1.2;
	color: #fff;
	margin: 0 0 .75rem;
}

.legal__updated {
	color: rgba(255, 255, 255, .5);
	font-size: .9375rem;
	margin: 0 0 2.5rem;
}

.legal h2 {
	font-size: 1.375rem;
	color: #fff;
	margin: 2.5rem 0 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.legal p,
.legal li {
	margin: 0 0 .875rem;
}

.legal ul {
	margin: 0 0 .875rem;
	padding-left: 1.375rem;
}

.legal a {
	color: #6a70ff;
	text-decoration: underline;
	text-underline-offset: .1875rem;
}

.legal a:hover {
	text-decoration: none;
}

.legal-table-wrap {
	overflow-x: auto;
	margin: 0 0 .875rem;
}

.legal table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9375rem;
}

.legal th,
.legal td {
	text-align: left;
	vertical-align: top;
	padding: .75rem 1rem;
	border: 1px solid rgba(255, 255, 255, .12);
}

.legal th {
	color: #fff;
	white-space: nowrap;
	font-weight: 600;
	background: rgba(56, 64, 255, .12);
}

.legal__requisites {
	padding: 1.25rem 1.5rem;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .03);
}

.legal__requisites p {
	margin: 0 0 .375rem;
}

.legal__pdf {
	display: inline-block;
	margin-top: 2.5rem;
	padding: .75rem 1.375rem;
	color: #fff;
	background: linear-gradient(135deg, #3840ff, #262cc4);
	border: 1px solid rgba(255, 255, 255, .14);
	text-decoration: none;
	transition: box-shadow .3s ease-out;
}

.legal__pdf:hover {
	box-shadow: 0 0 20px rgba(56, 64, 255, .45);
}