.privacy-content { max-width: 800px; margin: 0 auto; padding: 0 20px; } .privacy-header { text-align: center; margin-bottom: 3rem; } .update-date { display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: #f97316; font-weight: 500; margin-top: 1rem; } .privacy-intro { background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.1)); padding: 2rem; border-radius: 15px; margin-bottom: 3rem; border: 1px solid rgba(249, 115, 22, 0.2); } .privacy-sections { display: flex; flex-direction: column; gap: 2rem; } .privacy-section { display: flex; gap: 1.5rem; padding: 2rem; background: rgba(255, 255, 255, 0.05); border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); } .section-icon { flex-shrink: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f97316, #ea580c); border-radius: 12px; color: white; font-size: 1.5rem; } .section-content h3 { margin-bottom: 1rem; color: #f97316; font-weight: 600; } .section-content ul { list-style: none; padding: 0; margin: 1rem 0; } .section-content ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; line-height: 1.6; } .section-content ul li:before { content: "→"; position: absolute; left: 0; color: #f97316; font-weight: bold; } .contact-section { margin-top: 3rem; padding: 2rem; background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.1)); border-radius: 15px; border: 1px solid rgba(249, 115, 22, 0.2); text-align: center; } .contact-buttons { margin-top: 1.5rem; } @media (max-width: 768px) { .privacy-section { flex-direction: column; gap: 1rem; } .section-icon { align-self: center; } }