.legal-content { max-width: 1000px; padding: 3rem 1rem 6rem; margin-inline: auto; }
.legal-header { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 0.5rem; }
.main-title { font-size: 1.2rem; color: var(--color-text); margin-top: 1rem; margin-bottom: 1rem; }
.download-doc { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background-color: var(--color-danger); color: var(--color-text-light); border-radius: 50px; font-weight: 600; transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow 0.3s; text-decoration: none; box-shadow: 0 4px 10px rgba(244,63,94,0.3); }
.download-doc:hover { background-color: #e11d48; color: var(--color-text-light); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(244,63,94,0.4); }
.download-doc i { font-size: 1.0rem; }
.legal-content .last-updated { color: var(--color-text-sub); font-size: 0.9rem; text-align: center; margin-bottom: 3rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); margin-top: 1rem; }
.legal-content .last-updated span { font-weight: 600; margin-right: 0.25rem; }
.legal-menu { display: flex; justify-content: center; gap: 2rem; margin-bottom: 3rem; }
.legal-tab { flex: 1; max-width: 250px; text-align: center; padding: 0.75rem 1rem; color: var(--color-text-sub); font-weight: 600; font-size: 1.05rem; transition: all var(--transition-fast); border-bottom: 3px solid transparent; }
.legal-tab:hover { color: var(--color-primary); }
.legal-tab.active-tab { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.legal-tab i { margin-right: 0.5rem; }
.legal-content .intro-text { font-size: 1.1rem; line-height: 1.8; margin-bottom: 3rem; padding: 1.5rem; border: 1px solid var(--color-border); border-radius: 8px; background-color: var(--color-card-bg); color: var(--color-text); font-weight: 500; box-shadow: var(--shadow-light); }
.legal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; }
.legal-card { background-color: var(--color-card-bg); border: 1px solid var(--color-border); border-radius: 12px; padding: 2rem; box-shadow: var(--shadow-light); transition: transform 0.3s, box-shadow 0.3s; height: 100%; }
.legal-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgb(0 0 0/.08); }
body.dark .legal-card:hover { box-shadow: 0 10px 20px rgb(255 255 255/.08); }
.legal-card .card-title { font-size: 1.3rem; color: var(--color-accent); margin-bottom: 1.5rem; display: flex; align-items: center; border-bottom: 2px solid var(--color-border); padding-bottom: 0.5rem; }
.legal-card .card-title i { margin-right: 0.75rem; color: var(--color-primary); }
.legal-card .card-content p { font-size: 0.95rem; color: var(--color-text-sub); margin-bottom: 1rem; line-height: 1.7; }
.legal-card .card-content p strong { color: var(--color-text); font-weight: 600; }
.back-link { margin-top: 4rem; text-align: center; }
.back-link a { text-decoration: none; font-weight: 600; font-size: 1.05rem; transition: color var(--transition-fast); display: flex; align-items: center; justify-content: center; gap: 8px; }
.official-header-print { display: none; }
.official-footer-print { display: none; }
@media (max-width: 768px) { .legal-content { padding: 2rem 1rem 4rem; } .legal-grid { grid-template-columns: 1fr; gap: 1.5rem; } .legal-menu { flex-direction: column; gap: 0.5rem; margin-bottom: 2rem; } .legal-tab { max-width: 100%; padding: 0.75rem 1rem; } .legal-header { align-items: flex-start; text-align: left; } .main-title { font-size: 2.2rem; margin-bottom: 0.5rem; } .download-doc { justify-content: flex-start; } .legal-content .last-updated { text-align: left; } }
@media (max-width: 576px) { .main-title { font-size: 2rem; } .legal-content .intro-text { font-size: 1rem; } .legal-tab { font-size: 0.95rem; } }
@media print { .navbar, .footer, .legal-menu, .download-doc, .back-link, .nav-actions, .overlay-close, .verified-tick, .legal-tab i, .legal-card .card-title i, .legal-header, .legal-content .main-title, .legal-content .last-updated, .footer-logo-text img, .footer-icons, .footer-links li a i, address i { display: none !important; } * { font-family: 'Times New Roman', Times, serif !important; font-size: 11pt !important; line-height: 1.6 !important; } body { background-color: #ffffff !important; color: #000000 !important; margin: 0; padding: 0; } .wrapper { max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } .legal-content { padding-top: 3.5cm !important; padding-bottom: 2cm !important; margin-left: 2.5cm !important; margin-right: 2.5cm !important; max-width: none !important; } .official-header-print { display: block !important; position: fixed; top: 0; left: 0; right: 0; padding: 10mm 25mm 5mm 25mm; border-bottom: 3px double var(--color-print-border); z-index: 1000; background: #fff; } .official-header-print .header-logo-area { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 5px; } .official-header-print .print-logo { height: 16mm; width: auto; object-fit: contain; } .official-header-print .print-title-main { font-family: 'Times New Roman', Times, serif !important; font-size: 15pt !important; font-weight: 700 !important; color: var(--color-print-border) !important; text-align: right; margin: 0; align-self: flex-end; } .official-header-print .header-info-contact { display: flex; justify-content: space-between; align-items: flex-end; font-size: 9pt !important; line-height: 1.4; border-top: 1px solid #ccc; padding-top: 5px; } .official-header-print address { font-style: normal; text-align: left; } .official-header-print .print-link { color: #000 !important; text-decoration: underline !important; } .official-header-print .print-date-section { text-align: right; font-weight: 600; font-size: 9pt !important; } .official-header-print .print-date-section time { font-weight: normal; margin-left: 5px; } .legal-grid { display: block; } .legal-card { box-shadow: none !important; border: none !important; padding: 0 !important; margin-bottom: 18px !important; page-break-inside: avoid; } .legal-card .card-title { font-family: 'Times New Roman', Times, serif !important; font-size: 13pt !important; font-weight: 700 !important; color: #000000 !important; border-bottom: 2px solid #ccc !important; padding-bottom: 5px; margin-bottom: 10px; display: block !important; } .legal-card .card-content p { text-align: justify !important; margin-bottom: 10px !important; line-height: 1.7; text-wrap: wrap !important; } .legal-card .card-content p strong { color: #000 !important; font-weight: bold !important; } .intro-text { font-size: 11pt !important; font-style: italic; margin-bottom: 25px !important; border: none !important; padding: 0 !important; background-color: transparent !important; box-shadow: none !important; text-align: justify !important; } .official-footer-print { display: flex !important; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; padding: 5mm 25mm 5mm 25mm; border-top: 1px solid var(--color-print-border); font-size: 9pt !important; color: #555; background: #fff; } .official-footer-print .print-doc-meta { text-align: left; line-height: 1.3; } .official-footer-print .print-page-number { font-weight: bold; } @page { size: A4; margin: 2.5cm; } }