section#security { padding: 80px 20px; text-align: center; } h1 { color: var(--primary) !important; font-size: 2.4em; margin-bottom: 22px; font-weight: 900; letter-spacing: 0.4px; } .security-container { max-width: 1080px; margin: 0 auto; background: var(--card-bg) !important; padding: 36px 28px; border-radius: 16px; box-shadow: 0 3px 18px var(--shadow-color) !important; text-align: left; line-height: 1.6; font-size: 1.08em; color: var(--text-primary) !important; border: 1px solid var(--card-border) !important; } .security-container h2 { color: var(--primary) !important; font-size: 1.35em; margin-top: 32px; margin-bottom: 8px; font-weight: 800; } .security-container h3 { color: var(--text-primary) !important; font-size: 1.02em; margin-top: 18px; margin-bottom: 6px; font-weight: 700; } .security-container p { margin-bottom: 16px; } .security-container a { color: var(--primary) !important; } .security-note { margin-bottom: 24px; padding: 16px 18px; border-radius: 14px; background: color-mix(in srgb, var(--primary) 10%, transparent); border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--card-border)); } .security-container ul { margin: 0 0 16px 20px; padding: 0; } .security-container li { margin-bottom: 8px; } .security-table-wrap { overflow-x: auto; margin: 16px 0 24px; border: 1px solid var(--card-border) !important; border-radius: 14px; background: color-mix(in srgb, var(--card-bg) 92%, #000 8%); } .security-table { width: 100%; min-width: 760px; border-collapse: collapse; } .security-table thead { background: color-mix(in srgb, var(--primary) 14%, transparent); } .security-table th, .security-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--card-border) !important; } .security-table th { color: var(--primary) !important; font-weight: 800; } .security-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--card-bg) 88%, #000 12%); } .security-table tbody tr:last-child td { border-bottom: none; } @media (max-width: 640px) { .security-container { padding: 24px 16px; font-size: 1em; } h1 { font-size: 1.75em; } .security-container h2 { font-size: 1.15em; } .security-note { padding: 14px; } .security-table { min-width: 680px; } }