@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
.legal-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); gap: 24px; margin-bottom: 16px; }

.legal-card { padding: 28px 24px; background: #fff; border: 1px solid rgba(221, 221, 221, 0.5); border-left: 3px solid #3bbf65; border-radius: 12px; transition: box-shadow 0.3s ease, transform 0.3s ease; }

.legal-card:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); transform: translateY(-2px); }

.legal-card-title { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; color: #1a1a2e; font-family: "Lora", serif; font-size: 1.05rem; font-weight: 700; }

.legal-card-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: linear-gradient(135deg, rgba(59, 191, 101, 0.1), rgba(91, 221, 170, 0.1)); border-radius: 8px; }

.legal-card-icon svg { stroke: #3bbf65; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 20px; height: 20px; }

.legal-card li { color: #555; line-height: 1.8; font-size: 0.9rem; }

.legal-card ul { margin: 0; padding-left: 20px; }

.legal-card li { margin-bottom: 6px; }

.legal-card li:last-child { margin-bottom: 0; }

@media (max-width: 768px) { .legal-cards { grid-template-columns: 1fr; } }