Legal notice

.legal-notice-container { max-width: 800px; margin: 0 auto; padding: 40px 20px; font-family: var(--font-body-family), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #222; line-height: 1.8; } .legal-notice-header { margin-bottom: 25px; } .legal-notice-header h1 { font-size: 2rem; font-weight: 700; color: #111; margin: 0 0 8px 0; letter-spacing: -0.02em; } .last-updated { font-size: 0.85rem; color: #777; margin: 0 0 16px 0; font-weight: 500; } .intro-text { font-size: 0.95rem; color: #444; margin: 0; } .legal-separator { border: none; height: 1px; background: #e5e5e5; margin: 30px 0; } .legal-block { margin-bottom: 30px; } .legal-block h2 { font-size: 1.15rem; font-weight: 700; color: #111; margin: 0 0 10px 0; letter-spacing: -0.01em; } .legal-block p { font-size: 0.95rem; color: #444; margin: 0 0 12px 0; } .legal-block ul { margin: 0 0 12px 0; padding-left: 20px; font-size: 0.95rem; color: #444; } .legal-block li { margin-bottom: 6px; } .legal-notice-container a { color: #111; text-decoration: underline; text-underline-offset: 3px; } .legal-notice-container a:hover { color: #555; } .legal-contact-box { background: #fafafa; border: 1px solid #eaeaea; border-radius: 6px; padding: 24px 28px; margin-top: 30px; } .legal-contact-box h2 { font-size: 1.15rem; font-weight: 700; color: #111; margin: 0 0 20px 0; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .contact-col h3 { font-size: 1rem; font-weight: 700; color: #111; margin: 0 0 2px 0; } .role-desc { font-size: 0.8rem; color: #777; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.03em; } .contact-col p { font-size: 0.9rem; color: #444; margin: 0 0 6px 0; } @media (max-width: 640px) { .contact-grid { grid-template-columns: 1fr; gap: 20px; } .legal-notice-container { padding: 24px 16px; } }