.mosque-donation-container { max-width: 700px; margin: 0 auto; padding: 25px; background: #f0f8ff; border-radius: 15px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.islamic-quote { background: linear-gradient(90deg, #87ceeb, #4682b4); padding: 20px; color: white; text-align: center; margin-bottom: 25px; border-radius: 10px; font-weight: bold; }
.donation-form { background: white; padding: 25px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.amount-buttons { display: flex; gap: 10px; margin-bottom: 15px; flex-wrap: wrap; }
.amount-btn { background: white; border: 2px solid #87ceeb; padding: 10px 20px; cursor: pointer; border-radius: 25px; font-weight: bold; }
.amount-btn.active { background: #4682b4; color: white; }
.custom-amount { margin-bottom: 20px; position: relative; }
.custom-amount input { width: 100%; padding: 10px; border-radius: 8px; border: 2px solid #e2e8f0; }
.currency { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-weight: bold; color: #4a5568; }
.form-group { margin-bottom: 20px; }
input[type="email"] { width: 100%; padding: 12px; border-radius: 8px; border: 2px solid #e2e8f0; }
.checkbox-group { margin-bottom: 20px; display: flex; align-items: center; }
.checkbox-label { display: flex; align-items: center; gap: 8px; font-size: 0.95em; }
.checkmark { width: 20px; height: 20px; border: 2px solid #87ceeb; border-radius: 4px; position: relative; }
input[type="checkbox"]:checked + .checkmark { background: #87ceeb; }
.form-errors { background: #ffd2d2; color: red; padding: 10px; margin-bottom: 15px; border-radius: 8px; display: none; }
.donation-submit-btn { background: linear-gradient(90deg, #87ceeb, #4682b4); color: white; padding: 12px 30px; border-radius: 25px; font-weight: bold; border: none; cursor: pointer; transition: 0.3s; }
.donation-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(135, 206, 235, 0.5); }