input, textarea, input[type="hidden"], input::placeholder, textarea::placeholder { font-family: Vazirmatn, sans-serif; } input, textarea { font-family: Vazirmatn, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif; line-height: 1.8; color: #333; } .page-content.container { max-width: 900px; margin: 0 auto; background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 40px; } h1 { font-size: 2.5rem; color: #2563eb; margin-bottom: 20px; border-bottom: 3px solid #2563eb; padding-bottom: 15px; } .content { font-size: 1.1rem; line-height: 2; color: #555; margin-top: 30px; } .content p { margin-bottom: 20px; } .content h2 { font-size: 1.8rem; color: #1e40af; margin-top: 30px; margin-bottom: 15px; } .content h3 { font-size: 1.5rem; color: #3b82f6; margin-top: 25px; margin-bottom: 12px; } .content ul, .content ol { margin: 15px 0; padding-right: 30px; } .content li { margin-bottom: 10px; } .content a { color: #2563eb; text-decoration: none; border-bottom: 1px solid #2563eb; } .content a:hover { color: #1e40af; border-bottom-color: #1e40af; } .back-link { display: inline-block; margin-top: 40px; padding: 12px 24px; background: #2563eb; color: white; text-decoration: none; border-radius: 8px; transition: background 0.3s; } .back-link:hover { background: #1e40af; } @media (max-width: 768px) { .container { padding: 20px; } h1 { font-size: 1.8rem; } .content { font-size: 1rem; } }