/* Внутренние страницы: о проекте, правообладателям, правила, контакты */
.page { max-width: 460px; margin: 0 auto; display: flex; flex-direction: column; gap: 22px;
padding: max(20px, env(safe-area-inset-top)) var(--pad) max(24px, env(safe-area-inset-bottom)); }
.page h1 { font: 700 clamp(20px, 6.4vw, 34px)/1.05 var(--display); letter-spacing: -.03em; margin-top: 12px; }
.lead { color: var(--dim); }
.card { display: flex; flex-direction: column; gap: 10px; padding: 16px;
border-radius: 20px; background: var(--glass); border: 1px solid var(--edge); }
.card h2 { font: 700 15px/1.2 var(--display); letter-spacing: -.01em; }
.card p, .card li { font-size: 15px; color: var(--dim); }
.card ul { display: flex; flex-direction: column; gap: 8px; padding-left: 18px; }
.card li::marker { color: var(--accent); }
.card a:not(.mail):not(.btn) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.card a:not(.mail):not(.btn):hover { color: var(--accent-2); }
.mail { display: inline-flex; align-items: center; gap: 8px; align-self: start;
padding: 8px 14px; border-radius: 99px; font-weight: 700; color: var(--on);
background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 12px 30px -14px var(--glow); }
.page .btn { margin-top: 2px; }
