/* GDPR-specific styles */ .compliance-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(135deg, var(--success-green), #059669); color: white; padding: 0.75rem 1.5rem; border-radius: 50px; font-weight: 600; margin-top: 1rem; box-shadow: var(--shadow-md); } .compliance-badge i { font-size: 1.25rem; } .gdpr-principles { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .principle-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius); padding: 2rem; text-align: center; transition: all 0.3s; } .principle-card:hover { border-color: var(--primary-blue); box-shadow: var(--shadow-lg); transform: translateY(-5px); } .principle-icon { width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; } .principle-icon i { color: white; font-size: 1.75rem; } .principle-card h4 { font-size: 1.25rem; margin-bottom: 0.75rem; } .principle-card p { color: var(--gray-600); font-size: 0.95rem; margin-bottom: 0; } .rights-timeline { position: relative; padding-left: 3rem; margin: 2rem 0; } .rights-timeline::before { content: ''; position: absolute; left: 15px; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--primary-blue), var(--secondary-blue)); border-radius: 3px; } .timeline-item { position: relative; margin-bottom: 2rem; padding: 1.5rem; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius); transition: all 0.3s; } .timeline-item:hover { border-color: var(--primary-blue); box-shadow: var(--shadow-md); } .timeline-item::before { content: ''; position: absolute; left: -2.35rem; top: 1.75rem; width: 14px; height: 14px; background: var(--primary-blue); border-radius: 50%; border: 3px solid var(--white); box-shadow: 0 0 0 3px var(--primary-blue); } .timeline-item h4 { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; } .timeline-item h4 i { color: var(--primary-blue); } .dpo-card { background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; border-radius: var(--radius-lg); padding: 2.5rem; margin: 2rem 0; display: grid; grid-template-columns: auto 1fr; gap: 2rem; align-items: center; } .dpo-avatar { width: 100px; height: 100px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .dpo-avatar i { font-size: 3rem; color: white; } .dpo-info h4 { color: white; font-size: 1.5rem; margin-bottom: 0.5rem; } .dpo-info p { color: rgba(255, 255, 255, 0.9); margin-bottom: 1rem; } .dpo-contact { display: flex; gap: 1.5rem; flex-wrap: wrap; } .dpo-contact a { color: white; text-decoration: none; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: rgba(255, 255, 255, 0.15); border-radius: 8px; transition: background 0.3s; } .dpo-contact a:hover { background: rgba(255, 255, 255, 0.25); } .legal-basis-table { margin: 1.5rem 0; } @media (max-width: 768px) { .dpo-card { grid-template-columns: 1fr; text-align: center; } .dpo-avatar { margin: 0 auto; } .dpo-contact { justify-content: center; } .rights-timeline { padding-left: 2rem; } .timeline-item::before { left: -1.85rem; } }

GDPR Compliance

ANOJTOOLS is committed to protecting your privacy and ensuring full compliance with the General Data Protection Regulation (GDPR).

GDPR Compliant Since 2018
Last Updated: