@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
.legal-page { padding-bottom: 80px; color: #1a1a2e; }

.legal-hero { position: relative; padding: 80px 5% 56px; background: linear-gradient(135deg, #f0faf3 0%, #e8f5ec 50%, #f0f7ff 100%); text-align: center; overflow: hidden; }

.legal-hero::before { pointer-events: none; position: absolute; top: -50%; right: -20%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(59, 191, 101, 0.06) 0%, transparent 70%); border-radius: 50%; content: ""; }

.legal-hero::after { pointer-events: none; position: absolute; left: -10%; bottom: -30%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(45, 141, 252, 0.04) 0%, transparent 70%); border-radius: 50%; content: ""; }

.legal-hero-label { display: block; position: relative; margin-bottom: 12px; color: #3bbf65; text-transform: uppercase; letter-spacing: 0.2em; font-family: "Lora", serif; font-size: clamp(0.75rem, 1.2vw, 0.9rem); font-style: italic; }

.legal-hero-title { position: relative; margin: 0 0 20px; color: #1a1a2e; line-height: 1.3; font-family: "Lora", serif; font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700; }

.legal-hero-line { display: inline-block; position: relative; width: 48px; height: 3px; margin-bottom: 24px; background: linear-gradient(90deg, #3bbf65, #5bddaa); border-radius: 2px; }

.legal-hero-description { position: relative; max-width: 900px; margin: 0 auto; color: #555; line-height: 1.9; font-size: clamp(0.85rem, 1.4vw, 0.95rem); }

.legal-content { max-width: 960px; margin: 0 auto; padding: 48px 5% 0; }

.legal-article { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(221, 221, 221, 0.6); }

.legal-article:last-of-type { margin-bottom: 24px; padding-bottom: 0; border-bottom: none; }

.legal-article-title { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: #1a1a2e; line-height: 1.4; font-family: "Lora", serif; font-size: clamp(1.05rem, 2vw, 1.25rem); font-weight: 700; }

.legal-article-number { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #fff; background: linear-gradient(135deg, #3bbf65, #5bddaa); line-height: 1; font-family: "Lora", serif; font-size: 0.85rem; font-weight: 700; border-radius: 50%; }

.legal-article p { margin: 0 0 16px; color: #555; line-height: 1.9; font-size: 0.93rem; }

.legal-article p:last-child { margin-bottom: 0; }

.legal-article ol, .legal-article ul { margin: 0 0 16px; padding-left: 24px; }

.legal-article ol:last-child, .legal-article ul:last-child { margin-bottom: 0; }

.legal-article li { margin-bottom: 8px; padding-left: 4px; color: #555; line-height: 1.9; font-size: 0.93rem; }

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

.legal-article ol ol, .legal-article ul ul { margin-top: 8px; margin-bottom: 8px; }

.legal-end { margin-top: 40px; padding-top: 24px; color: #888; text-align: right; font-size: 0.9rem; border-top: 1px solid rgba(221, 221, 221, 0.4); }

@media (max-width: 768px) { .legal-hero { padding: 60px 5% 40px; } .legal-content { padding: 32px 5% 0; } .legal-article { margin-bottom: 28px; padding-bottom: 28px; } }

@media (max-width: 576px) { .legal-hero { padding: 48px 4% 32px; } .legal-content { padding: 24px 4% 0; } .legal-article-title { gap: 10px; } .legal-article-number { width: 30px; height: 30px; font-size: 0.75rem; } }