/* تصميم موحد مع صفحة عن المنصة */
.about-page-bg {
    background: linear-gradient(135deg, #f0f4f8 0%, #e9eff5 100%);
    min-height: 80vh; padding: 40px 0;
}
.about-page-wrapper { max-width: 1000px; margin: 0 auto; }
.about-header { text-align: center; margin-bottom: 30px; }
.logo-container { margin-bottom: 15px; }
.logoe {
    width: 80px; height: 80px; background: #1e4a3b; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    color: #f9c74f; font-size: 2.5rem;
}
.about-header h1 { font-weight: 800; color: #1e4a3b; margin-bottom: 5px; }
.subtitle { color: #475569; font-size: 1.1rem; }
.about-card {
    background: white; border-radius: 24px; padding: 30px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.05); margin-bottom: 30px;
}
.contact-form .form-group { margin-bottom: 20px; }
.contact-form label { font-weight: 600; color: #1e4a3b; margin-bottom: 5px; display: block; }
.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%; padding: 12px 16px; border-radius: 12px;
    border: 1px solid #e2e8f0; background: #f8fafc; font-size: 1rem; transition: 0.2s;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none; border-color: #f9c74f;
    box-shadow: 0 0 0 3px rgba(249,199,79,0.2);
}
.btn-submit {
    background: #1e4a3b; color: white; border: none; border-radius: 40px;
    padding: 12px 30px; font-weight: 700; font-size: 1rem; width: 100%; transition: 0.2s;
}
.btn-submit:hover { background: #f9c74f; color: #1e4a3b; }

/* بطاقة الاتصال المباشر */
.contact-info-card {
    background: linear-gradient(135deg, #1e4a3b, #0b2b26); color: white;
    border-radius: 20px; padding: 25px; margin-top: 25px;
}
.contact-info-card h4 { color: #f9c74f; margin-bottom: 15px; }
.contact-info-card a { color: #f9c74f; text-decoration: none; }
.contact-info-card a:hover { text-decoration: underline; }
.contact-info-card i { width: 25px; color: #f9c74f; }

/* مودال النجاح والخطأ */
.modal-custom .modal-content { border-radius: 28px; border: none; }
.modal-custom .modal-header { border-radius: 28px 28px 0 0; color: white; }
.modal-custom .modal-header .btn-close { filter: invert(1); }
.modal-custom .modal-body i { font-size: 3rem; margin-bottom: 15px; }
.modal-success-custom .modal-header { background: linear-gradient(145deg, #1e4a3b, #0b2b26); }
.modal-success-custom .modal-body i { color: #f9c74f; }
.modal-error-custom .modal-header { background: linear-gradient(145deg, #dc3545, #b91c1c); }
.modal-error-custom .modal-body i { color: #dc3545; }
.modal-header .btn-close {
        margin: 0;
    }
.response-time-note {
    opacity: 0.8;
    font-size: 0.95rem;
}
footer {
   margin-top: 0;
}