Mentions légales

.kyotari-legal-wrapper { background: #ffffff; min-height: 100vh; margin: 0 -15px; padding: 60px 15px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } .kyotari-legal-container { max-width: 900px; margin: 0 auto; padding: 0 20px; } .kyotari-legal-header { text-align: center; margin-bottom: 50px; background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%); padding: 40px 20px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border: 1px solid #e8e8e8; } .kyotari-legal-header h1 { font-size: 2.5rem; color: #1a1a1a; margin-bottom: 10px; font-weight: 700; letter-spacing: -0.5px; } .last-update { color: #666; font-size: 0.95rem; font-style: italic; margin: 0; } .kyotari-legal-content { line-height: 1.7; color: #333; } .intro-section { background: #f8f8f8; padding: 25px; border-radius: 12px; margin-bottom: 30px; border: 1px solid #e8e8e8; text-align: center; } .intro-section p { margin: 0; font-size: 1.05rem; color: #444; } .intro-section strong { color: #1a1a1a; } .legal-section { background: #ffffff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 30px; margin-bottom: 25px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .legal-section.highlight { border-left: 4px solid #1a1a1a; background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%); } .legal-section.warning-section { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #ffffff; text-align: center; } .legal-section.warning-section p { color: #ffffff; margin: 0; font-size: 1.05rem; } .legal-section.warning-section strong { color: #ffffff; } .legal-section h2 { font-size: 1.6rem; color: #1a1a1a; margin-bottom: 20px; font-weight: 600; border-left: 4px solid #1a1a1a; padding-left: 15px; } .legal-section p { margin-bottom: 15px; font-size: 1rem; color: #444; line-height: 1.8; } .legal-section p:last-child { margin-bottom: 0; } .legal-section ul { margin: 15px 0; padding-left: 0; list-style: none; } .legal-section li { padding: 10px 0 10px 30px; position: relative; color: #444; font-size: 0.95rem; border-bottom: 1px solid #f0f0f0; } .legal-section li:last-child { border-bottom: none; } .legal-section li::before { content: "•"; position: absolute; left: 10px; color: #1a1a1a; font-weight: bold; font-size: 1.5rem; } .legal-section strong { color: #1a1a1a; font-weight: 600; } .legal-section a { color: #2563eb; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s; font-weight: 500; } .legal-section a:hover { border-bottom-color: #2563eb; } /* Responsive */ @media (max-width: 768px) { .kyotari-legal-wrapper { padding: 40px 10px; } .kyotari-legal-header h1 { font-size: 2rem; } .intro-section { padding: 20px; } .legal-section { padding: 25px 20px; } .legal-section h2 { font-size: 1.3rem; } }