body { font-family: 'Vazirmatn', Arial, sans-serif; direction: rtl; background-color: #f4f4f4; margin: 0; padding: 0; color: #333; line-height: 1.8; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .header { text-align: center; background: linear-gradient(135deg, #212121, #424242); color: white; padding: 50px 20px; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .header h1 { margin: 0; font-size: 2.6em; font-weight: 700; } .header p { font-size: 1.2em; opacity: 0.9; margin-top: 10px; } .section { background: white; padding: 25px; margin: 25px 0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); border: 1px solid #e0e0e0; } .section h2 { color: #f15a22; font-size: 1.8em; margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid #f15a22; display: inline-block; } .section ul { list-style: none; padding: 0; } .section ul li { display: flex; align-items: baseline; margin: 12px 0; font-size: 1.1em; } .section ul li::before { content: '✔'; color: #333; font-size: 1.2em; margin-left: 10px; } .section ul li .content { flex: 1; } .highlight { color: #212121; font-weight: bold; } .term { font-family: Arial, sans-serif; direction: ltr; display: inline-block; color: #212121; font-weight: bold; } .header .term { color: #f15a22; } @media (max-width: 768px) { .header h1 { font-size: 2.0em; } .header p { font-size: 1.0em; } .section h2 { font-size: 1.5em; } }