diff --git a/public/legal.css b/public/legal.css new file mode 100644 index 0000000..778149a --- /dev/null +++ b/public/legal.css @@ -0,0 +1,237 @@ +:root { + color-scheme: dark; + font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + color: #edf3ff; + background: #0c111a; + font-synthesis: none; +} + +* { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + min-width: 320px; + margin: 0; + background: #0c111a; +} + +a { + text-decoration: none; +} + +.page { + width: min(100% - 48px, 1120px); + margin: 0 auto; + padding: 20px 0 64px; +} + +.topbar { + display: flex; + align-items: center; + justify-content: space-between; + gap: 24px; + min-height: 56px; + border-bottom: 1px solid #29354a; +} + +.brand { + display: inline-flex; + align-items: center; + gap: 10px; + color: #f5f8ff; + font-size: 18px; + font-weight: 750; + text-decoration: none; +} + +.brand-mark { + display: grid; + width: 32px; + height: 32px; + place-items: center; + overflow: hidden; + border-radius: 8px; + background: #17325f; +} + +.brand-mark img { + display: block; + width: 100%; + height: 100%; +} + +.topbar nav, +.legal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 18px; +} + +.topbar nav a, +.legal-footer a { + color: #aebbd0; + font-size: 14px; + text-decoration: none; +} + +.topbar nav a:hover, +.topbar nav a[aria-current="page"], +.legal-footer a:hover { + color: #ffffff; +} + +.document { + width: min(100%, 790px); + margin: 72px auto 0; +} + +.document-header { + padding-bottom: 34px; + border-bottom: 1px solid #29354a; +} + +.eyebrow { + margin: 0 0 12px; + color: #72afff; + font-size: 13px; + font-weight: 750; + letter-spacing: 0; + text-transform: uppercase; +} + +h1 { + max-width: 680px; + margin: 0; + color: #f4f7ff; + font-size: clamp(36px, 6vw, 56px); + letter-spacing: 0; + line-height: 1.04; +} + +.updated { + margin: 16px 0 0; + color: #8f9db3; + font-size: 15px; +} + +.document-content { + padding-top: 32px; +} + +.document-content > :first-child { + margin-top: 0; +} + +.lead { + max-width: 740px; + color: #d3dcec; + font-size: 19px; + line-height: 1.55; +} + +h2 { + margin: 48px 0 16px; + padding-top: 30px; + border-top: 1px solid #29354a; + color: #f2f6ff; + font-size: clamp(21px, 3vw, 26px); + letter-spacing: 0; + line-height: 1.24; +} + +p, +li { + color: #b7c3d6; + font-size: 16px; + line-height: 1.68; +} + +p { + margin: 0 0 18px; +} + +ul { + display: grid; + gap: 9px; + margin: 0 0 20px; + padding-left: 22px; +} + +li::marker { + color: #72afff; +} + +.document-content a { + color: #8fc0ff; + overflow-wrap: anywhere; + text-underline-offset: 3px; +} + +.address { + padding: 18px 20px; + border-left: 2px solid #4c8fe8; + background: #121c2b; + color: #d6dfef; + white-space: pre-line; +} + +.legal-footer { + justify-content: space-between; + margin-top: 80px; + padding-top: 24px; + border-top: 1px solid #29354a; +} + +.legal-footer p { + margin: 0; + color: #77869d; + font-size: 13px; +} + +@media (max-width: 640px) { + .page { + width: min(100% - 32px, 1120px); + padding-top: 12px; + } + + .topbar { + align-items: flex-start; + flex-direction: column; + gap: 14px; + padding-bottom: 16px; + } + + .topbar nav, + .legal-footer { + gap: 14px; + } + + .document { + margin-top: 48px; + } + + .document-header { + padding-bottom: 26px; + } + + .lead { + font-size: 18px; + } + + h2 { + margin-top: 40px; + padding-top: 26px; + } + + .legal-footer { + align-items: flex-start; + flex-direction: column; + margin-top: 56px; + } +} diff --git a/public/privacy/index.html b/public/privacy/index.html index d32e200..fb0d3ab 100644 --- a/public/privacy/index.html +++ b/public/privacy/index.html @@ -79,14 +79,32 @@ } } + -
- Back to home -

Privacy Policy for Rosetta

-

Last updated: May 22, 2026

+
+
+ + + Rosetta + + +
-

+

+
+

Rosetta legal

+

Privacy Policy

+

Last updated: May 22, 2026

+
+ +
+ +

Rosetta IM is operated by ROSETTA CLOUD SERVICES LIMITED ("Rosetta", "we", "us", or "our"). This Privacy Policy explains how we handle information when you use Rosetta, our end-to-end encrypted messaging @@ -226,6 +244,17 @@ HONG KONG

Support: https://rosetta.im/support/

Phone: +852 2891 0030

+
+
+ +
diff --git a/public/support/index.html b/public/support/index.html index bee0d81..3c3b15c 100644 --- a/public/support/index.html +++ b/public/support/index.html @@ -11,6 +11,9 @@ + + -
- Back to home -

Terms of Use for Rosetta

-

Last updated: May 22, 2026

+
+
+ + + Rosetta + + +
-

+

+
+

Rosetta legal

+

Terms of Use

+

Last updated: May 22, 2026

+
+ +
+ +

These Terms of Use and End User License Agreement ("Terms") govern your use of Rosetta, an end-to-end encrypted messaging application operated by ROSETTA CLOUD SERVICES LIMITED ("Rosetta", "we", "us", or "our"). @@ -255,6 +273,17 @@ TUEN MUN HONG KONG

Email: admin@rosetta.im

Phone: +852 2891 0030

+
+
+ +