Legal notice

```html id="j7v2mc" .rmo-legal { --black: #111111; --gray: #666666; --light-gray: #f5f5f5; --border: #e5e5e5; --white: #ffffff; background: var(--white); color: var(--black); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.7; font-size: 15px; } .rmo-legal * { box-sizing: border-box; } .rmo-legal .container { max-width: 1100px; margin: 0 auto; padding: 70px 24px 90px; } .rmo-legal .page-header { max-width: 820px; margin: 0 auto 65px; text-align: center; } .rmo-legal .page-header h1 { margin: 0 0 20px; font-size: 42px; line-height: 1.2; font-weight: 600; letter-spacing: -1.2px; } .rmo-legal .page-header p { margin: 0; color: var(--gray); font-size: 16px; line-height: 1.8; } .rmo-legal .notice-box { margin-bottom: 60px; padding: 28px 30px; background: var(--light-gray); border-left: 3px solid var(--black); } .rmo-legal .notice-box strong { display: block; margin-bottom: 7px; color: var(--black); font-size: 15px; font-weight: 600; } .rmo-legal .notice-box p { margin: 0; color: var(--gray); font-size: 14px; } .rmo-legal .legal-section { display: grid; grid-template-columns: 280px 1fr; gap: 60px; padding: 45px 0; border-bottom: 1px solid var(--border); } .rmo-legal .legal-section:first-of-type { border-top: 1px solid var(--black); } .rmo-legal .legal-section h2 { margin: 0; font-size: 21px; line-height: 1.4; font-weight: 600; letter-spacing: -0.3px; } .rmo-legal .legal-section p { margin: 0 0 15px; color: var(--gray); } .rmo-legal .legal-section ul { margin: 0; padding-left: 20px; color: var(--gray); } .rmo-legal .legal-section li { margin-bottom: 12px; padding-left: 5px; } .rmo-legal .legal-section li:last-child { margin-bottom: 0; } .rmo-legal .legal-section strong { color: var(--black); font-weight: 600; } .rmo-legal .contact-box { margin-top: 70px; padding: 45px; background: var(--black); color: var(--white); text-align: center; } .rmo-legal .contact-box h2 { margin: 0 0 12px; color: var(--white); font-size: 25px; font-weight: 600; } .rmo-legal .contact-box p { margin: 0 0 18px; color: #cccccc; } .rmo-legal .contact-box a { color: var(--white); font-size: 18px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #777; padding-bottom: 3px; } .rmo-legal .contact-box a:hover { border-color: var(--white); } @media screen and (max-width: 749px) { .rmo-legal .container { padding: 45px 18px 60px; } .rmo-legal .page-header { margin-bottom: 45px; } .rmo-legal .page-header h1 { font-size: 32px; letter-spacing: -0.8px; } .rmo-legal .page-header p { font-size: 14px; } .rmo-legal .notice-box { margin-bottom: 45px; padding: 22px 20px; } .rmo-legal .legal-section { display: block; padding: 35px 0; } .rmo-legal .legal-section h2 { margin-bottom: 22px; font-size: 19px; } .rmo-legal .legal-section ul { padding-left: 19px; } .rmo-legal .contact-box { margin-top: 45px; padding: 35px 20px; } } ```