:root { color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #28344a; background: #f3f6ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 85% 10%, rgba(103,80,164,.12), transparent 30%), #f3f6ff; }
a { color: #6750a4; }
button, select { font: inherit; }
.legal-page { width: min(940px, calc(100% - 28px)); margin: 24px auto 48px; }
.legal-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.legal-brand { display: flex; align-items: center; gap: 10px; color: #6750a4; text-decoration: none; font-family: "Segoe Print", cursive; font-size: 22px; font-weight: 800; }
.legal-brand img { width: 54px; height: 54px; object-fit: contain; }
.legal-language { margin-left: auto; padding: 9px 12px; border: 1px solid rgba(103,80,164,.25); border-radius: 10px; color: #3d4b64; background: #fff; font-weight: 700; }
.legal-card { padding: clamp(22px, 5vw, 48px); border: 1px solid rgba(103,80,164,.15); border-radius: 24px; background: rgba(255,255,255,.96); box-shadow: 0 20px 60px rgba(38,50,80,.1); }
.legal-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.legal-tabs a { padding: 10px 14px; border-radius: 10px; background: #f0ecfa; text-decoration: none; font-weight: 750; }
.legal-tabs a.active { color: #fff; background: #6750a4; }
h1 { margin: 0 0 4px; color: #26334a; font-size: clamp(28px, 5vw, 42px); }
.legal-updated { margin: 0 0 30px; color: #758198; }
.legal-section { margin: 26px 0; }
.legal-section h2 { margin: 0 0 9px; color: #3d4b64; font-size: 20px; }
.legal-section p, .legal-section li { color: #536079; line-height: 1.65; }
.legal-section p { margin: 8px 0; }
.legal-section ul { margin: 8px 0; padding-left: 22px; }
.legal-note { padding: 14px 16px; border-left: 4px solid #6750a4; border-radius: 8px; background: #f6f2fc; }
.legal-footer { margin-top: 22px; color: #7a8599; text-align: center; font-size: 13px; }
@media (max-width: 560px) { .legal-page { margin-top: 12px; } .legal-header { align-items: flex-start; } .legal-brand { font-size: 18px; } .legal-brand img { width: 44px; height: 44px; } }