/* Информационные страницы (О сервисе, Поддержка, юридические документы) в едином дизайне сайта. */

.inf { background: #f8fbff; color: #08163b; font-family: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.inf__wrap { width: min(980px, calc(100% - 40px)); margin: 0 auto; }

.inf__hero { position: relative; padding: 56px 0 38px; overflow: hidden; background: radial-gradient(520px 260px at 12% 0%, rgba(8, 116, 249, .10), transparent 70%), radial-gradient(480px 260px at 92% 40%, rgba(124, 92, 255, .10), transparent 70%), #f4f8ff; }
.inf__crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; color: #7482ad; font-size: 14px; }
.inf__crumbs a { color: #0874f9; text-decoration: none; } .inf__crumbs a:hover { text-decoration: underline; }
.inf__crumbs span[aria-hidden] { opacity: .5; }
.inf__hero h1 { margin: 0; color: #071537; font: 900 clamp(32px, 4.2vw, 54px)/1.04 Inter, sans-serif; letter-spacing: -.05em; }

.inf__body { padding: 8px 0 80px; }
.inf__card { padding: 36px 40px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 26px; background: #fff; box-shadow: 0 18px 38px rgba(42, 79, 142, .08); color: #34416b; font-size: 17px; line-height: 1.7; }
.inf__card h2 { margin: 34px 0 12px; color: #071537; font: 800 26px/1.2 Inter, sans-serif; letter-spacing: -.04em; }
.inf__card h2:first-child { margin-top: 0; }
.inf__card h3 { margin: 26px 0 8px; color: #08163b; font: 700 20px/1.3 Inter, sans-serif; letter-spacing: -.03em; }
.inf__card p { margin: 0 0 14px; }
.inf__card p:empty, .inf__card p > br:only-child { display: none; }
.inf__card a { color: #0874f9; text-decoration: underline; text-underline-offset: 3px; }
.inf__card a:hover { color: #0665dd; }
.inf__card b, .inf__card strong { color: #08163b; font-weight: 700; }
.inf__card ul, .inf__card ol { margin: 0 0 16px; padding: 0; list-style: none; display: grid; gap: 10px; }
.inf__card ol { counter-reset: n; }
.inf__card li { position: relative; padding-left: 30px; }
.inf__card ul > li::before { content: ''; position: absolute; left: 4px; top: .68em; width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg, #0874f9, #7c5cff); }
.inf__card ol > li { counter-increment: n; }
.inf__card ol > li::before { content: counter(n); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 8px; color: #fff; font: 700 12px Inter, sans-serif; background: linear-gradient(135deg, #0874f9, #7c5cff); }
.inf__card table { width: 100%; margin: 0 0 18px; border-collapse: collapse; font-size: 15px; }
.inf__card th, .inf__card td { padding: 11px 14px; border: 1px solid #e3ebf8; text-align: left; vertical-align: top; }
.inf__card th { color: #7482ad; font-size: 13px; background: #f4f8ff; }
.inf__card hr { margin: 28px 0; border: 0; border-top: 1px solid #e3ebf8; }
.inf__card img { max-width: 100%; height: auto; border-radius: 14px; }

@media (max-width: 760px) {
	.inf__hero { padding: 36px 0 24px; }
	.inf__card { padding: 24px 20px; border-radius: 20px; font-size: 16px; }
	.inf__card h2 { font-size: 22px; }
}