body { background:#f4f6f9; font-family:Roboto, Arial, sans-serif; color:#333; margin:0; }
.legal-wrap { max-width:860px; margin:0 auto; padding:24px 16px 48px; }
.legal-card { background:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.08); padding:28px 28px 36px; }
.legal-head { text-align:center; margin-bottom:20px; }
.legal-head img { width:72px; height:72px; }
.legal-head h1 { font-size:1.5rem; margin:10px 0 4px; font-weight:700; }
.legal-head .meta { font-size:.85rem; color:#777; }
.lang-toggle { text-align:center; margin:12px 0 24px; }
.lang-toggle button { border:1px solid deeppink; background:#fff; color:deeppink; padding:4px 16px; font-size:.85rem; cursor:pointer; }
.lang-toggle button:first-child { border-radius:4px 0 0 4px; }
.lang-toggle button:last-child { border-radius:0 4px 4px 0; }
.lang-toggle button.active { background:deeppink; color:#fff; }
.legal-card h2 { font-size:1.1rem; font-weight:700; margin:24px 0 8px; color:#222; }
.legal-card p, .legal-card li { font-size:.95rem; line-height:1.6; }
.legal-card ul { padding-left:22px; }
.legal-foot { text-align:center; margin-top:20px; font-size:.85rem; }
.legal-foot a { color:cadetblue; }
[data-lang] { display:none; }
[data-lang].show { display:block; }
@media (max-width:576px) { .legal-card { padding:20px 16px 28px; } }
span[data-lang].show { display:inline; }