.legal-main-content { background: #fff; border-radius: 18px; box-shadow: 0 8px 32px rgb(102 55 0 / 10%); margin-top: 2.5rem; margin-bottom: 2.5rem; padding: 2.5rem 1.5rem 2.5rem 1.5rem; position: relative; overflow: hidden; } .legal-main-content h1 { font-size: 2.3rem; color: var(--color-primary); font-weight: 800; margin-bottom: 1.5rem; text-align: center; letter-spacing: -1px; } .legal-main-content img { box-shadow: 0 4px 24px rgb(102 55 0 / 12%); border-radius: 12px; margin-bottom: 2rem; } .legal-main-content h2 { color: var(--color-accent); font-size: 1.4rem; margin-top: 2.2rem; margin-bottom: 1rem; font-weight: 700; } .legal-main-content h3 { color: var(--color-primary); font-size: 1.1rem; margin-top: 2rem; margin-bottom: 0.7rem; font-weight: 600; } .legal-main-content ul { margin: 1rem 0 1.5rem 1.5rem; padding-left: 1.2rem; list-style: disc; } .legal-main-content li { margin-bottom: 0.5rem; font-size: 1.08rem; color: #4d2c00; } .legal-main-content blockquote { border-left: 5px solid var(--color-accent); background: #f6f2ed; padding: 1.2rem 2rem; margin: 2rem 0; font-style: italic; color: #5a3a13; border-radius: 8px; box-shadow: 0 2px 8px rgb(102 55 0 / 5%); } .legal-main-content[dir="rtl"] blockquote { border-left: none; border-right: 5px solid var(--color-accent); } .legal-main-content a { color: var(--color-primary); text-decoration: underline; transition: color 0.3s; } .legal-main-content a:hover { color: var(--color-accent); } .legal-main-content .cta-btn { background: var(--color-accent); color: #fff !important; padding: 1rem 2.5rem; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 1.15em; box-shadow: 0 4px 16px rgb(125 85 38 / 18%); transition: background 0.3s, transform 0.3s; display: inline-block; } .legal-main-content .cta-btn:hover { background: var(--color-primary); transform: translateY(-3px) scale(1.04); } @media (max-width: 700px) { .legal-main-content { padding: 1.2rem 0.5rem; } .legal-main-content h1 { font-size: 1.3rem; } .legal-main-content h2 { font-size: 1.05rem; } .legal-main-content img { max-width: 100%; } }