:root { color-scheme: light; --ink: #162036; --muted: #687489; --line: #e5e8ee; --blue: #5268ff; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #f5f7fa; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: var(--blue); }
.legal-shell { min-height: 100vh; }
.legal-header { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: white; background: #0d172a; padding: 0 max(24px, calc((100vw - 980px) / 2)); }
.legal-header a { color: inherit; text-decoration: none; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; }.legal-brand img { width: 34px; height: 34px; }
.legal-nav { display: flex; gap: 20px; color: #aab5c8; font-size: 12px; }.legal-nav a:hover, .legal-nav a.active { color: white; }
.legal-document { width: min(100% - 36px, 820px); margin: 52px auto 80px; background: white; border: 1px solid var(--line); border-radius: 20px; padding: clamp(28px, 5vw, 58px); box-shadow: 0 18px 50px rgba(17,29,53,.07); }
.document-label { margin: 0 0 10px; color: #6578ee; font-size: 11px; font-weight: 850; letter-spacing: 2px; }
.legal-document h1 { margin: 0; font-size: clamp(34px, 5vw, 50px); letter-spacing: -2px; }.legal-document .updated { margin: 13px 0 34px; color: #939baa; font-size: 12px; }
.legal-intro { color: #556176; background: #f3f5fa; border-radius: 12px; padding: 17px 19px; line-height: 1.75; }
.operator-warning { color: #805d16; background: #fff7df; border: 1px solid #efdfad; border-radius: 10px; padding: 12px 14px; font-size: 12px; line-height: 1.6; }
.operator-warning.hidden { display: none; }
.legal-document section { margin-top: 34px; }.legal-document h2 { margin: 0 0 12px; font-size: 19px; }.legal-document h3 { margin: 22px 0 8px; font-size: 14px; }
.legal-document p, .legal-document li { color: #596579; font-size: 13px; line-height: 1.82; }.legal-document ul { padding-left: 20px; }.legal-document li + li { margin-top: 7px; }
.legal-footer { margin-top: 45px; border-top: 1px solid var(--line); padding-top: 22px; color: #8b94a4; font-size: 11px; line-height: 1.7; }
.offline-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 20% 20%, #e6e9ff, transparent 35%), #f5f7fa; }
.offline-card { width: min(100%, 520px); background: white; border: 1px solid var(--line); border-radius: 22px; padding: 42px; box-shadow: 0 20px 70px rgba(17,29,53,.11); }.offline-card > img { width: 58px; }.offline-card h1 { margin: 5px 0 14px; font-size: 32px; letter-spacing: -1px; }.offline-card > p:not(.document-label) { color: var(--muted); font-size: 14px; line-height: 1.75; }
.offline-actions { display: flex; align-items: center; gap: 18px; margin-top: 28px; }.offline-actions a { font-size: 13px; font-weight: 700; text-decoration: none; }.offline-actions .primary-link { color: white; background: var(--blue); border-radius: 10px; padding: 12px 17px; }
@media (max-width: 620px) { .legal-header { height: auto; align-items: flex-start; flex-direction: column; padding: 18px; }.legal-nav { width: 100%; overflow-x: auto; padding-bottom: 3px; }.legal-document { margin-top: 24px; }.offline-card { padding: 30px 25px; } }