Legal notice

.legal-wrap { max-width: 720px; margin: 0 auto; padding: 60px 24px 80px; font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif; color: #1C2B18; } .legal-badge { display: inline-block; background: #EEF2E8; color: #556447; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 16px; border-radius: 99px; margin-bottom: 20px; } .legal-title { font-size: clamp(28px, 4vw, 40px); font-weight: 700; letter-spacing: -0.02em; margin: 0 0 10px; line-height: 1.1; } .legal-company { font-size: 13px; color: #7A8A70; margin: 0 0 8px; } .legal-updated { font-size: 12px; color: #A0AF90; margin: 0 0 48px; } .legal-divider { border: none; border-top: 1.5px solid #E4EAD8; margin: 36px 0; } .legal-section { margin-bottom: 36px; } .legal-section-title { font-size: 16px; font-weight: 700; color: #1C2B18; margin: 0 0 12px; display: flex; align-items: center; gap: 10px; } .legal-section-title::before { content: ''; display: inline-block; width: 4px; height: 18px; background: #556447; border-radius: 99px; flex-shrink: 0; } .legal-text { font-size: 14px; line-height: 1.8; color: #4A5740; margin: 0 0 12px; } .legal-text:last-child { margin-bottom: 0; } /* Info block */ .legal-info-block { background: #F4F7EF; border: 1.5px solid #E4EAD8; border-radius: 16px; padding: 24px 22px; margin: 16px 0; display: flex; flex-direction: column; gap: 10px; } .legal-info-row { display: flex; gap: 12px; font-size: 14px; align-items: baseline; } .legal-info-label { font-weight: 600; color: #1C2B18; min-width: 130px; flex-shrink: 0; } .legal-info-value { color: #4A5740; line-height: 1.6; } .legal-info-value a { color: #556447; font-weight: 500; text-decoration: none; border-bottom: 1px solid #C8D4BE; } .legal-highlight { background: #F4F7EF; border-left: 3px solid #556447; border-radius: 0 12px 12px 0; padding: 16px 20px; margin: 16px 0; } .legal-highlight p { font-size: 14px; line-height: 1.7; color: #4A5740; margin: 0; } .legal-list { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-direction: column; gap: 8px; } .legal-list li { font-size: 14px; line-height: 1.7; color: #4A5740; padding-left: 20px; position: relative; } .legal-list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: #556447; } .legal-contact { background: #EEF2E8; border-radius: 16px; padding: 24px 22px; margin-top: 48px; } .legal-contact-title { font-size: 15px; font-weight: 700; color: #1C2B18; margin: 0 0 12px; } .legal-contact-line { font-size: 13px; color: #4A5740; line-height: 1.8; margin: 0; } .legal-contact-line a { color: #556447; text-decoration: none; font-weight: 500; border-bottom: 1px solid #C8D4BE; } @media (max-width: 600px) { .legal-wrap { padding: 40px 16px 64px; } .legal-info-row { flex-direction: column; gap: 2px; } .legal-info-label { min-width: unset; } }