Legal notice

* { margin: 0; padding: 0; box-sizing: border-box; } body { background: #f5f3ef; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; padding: 2rem 1rem; color: #1e2a2e; } .legal-page { max-width: 950px; margin: 0 auto; background: white; border-radius: 28px; box-shadow: 0 12px 28px rgba(0,0,0,0.06); overflow: hidden; border: 1px solid #e2d9ce; } .header { background: #1e3a2f; padding: 2rem; color: white; } .header h1 { font-size: 2rem; margin-bottom: 0.3rem; } .badge { background: #c2a575; display: inline-block; padding: 0.2rem 1rem; border-radius: 30px; font-size: 0.7rem; font-weight: bold; color: #1e2a2e; margin-top: 0.5rem; } .content { padding: 2rem; } h2 { color: #2c5a4a; border-left: 5px solid #c2a575; padding-left: 1rem; margin: 1.8rem 0 1rem 0; font-size: 1.4rem; } h3 { margin: 1.2rem 0 0.5rem; color: #3e6b5a; font-size: 1.1rem; } p, li { line-height: 1.6; margin-bottom: 0.75rem; color: #2d3a36; } ul { margin-left: 1.5rem; margin-bottom: 1rem; } .highlight { background: #fef9e6; padding: 1rem 1.5rem; border-radius: 18px; margin: 1.2rem 0; border-left: 4px solid #c2a575; } .legal-card { background: #f8f4ec; padding: 1.2rem 1.5rem; border-radius: 20px; margin: 1rem 0; border: 1px solid #e2d9ce; } .footer { background: #f4f0e8; padding: 1.2rem; text-align: center; font-size: 0.75rem; color: #6b5a44; border-top: 1px solid #e2d9ce; } .completion-banner { background: #2c5a4a; color: white; padding: 1rem; text-align: center; border-radius: 40px; margin: 1.5rem 0 0.5rem; font-weight: bold; } @media (max-width: 600px) { .content { padding: 1.2rem; } .header h1 { font-size: 1.5rem; } }