body {
    font-family: 'Fustat', sans-serif;
}

.btn-primary {
    background: linear-gradient(135deg, #006633, #009444);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 9999px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0, 102, 51, 0.3);
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    border: none;
    cursor: pointer;
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 102, 51, 0.4);
}
.btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-outline {
    border: 2px solid #006633;
    color: #006633;
    padding: 0.5rem 1.5rem;
    border-radius: 9999px;
    font-weight: 600;
    transition: all 0.3s;
    display: inline-block;
    text-align: center;
    background: transparent;
}
.btn-outline:hover {
    background: #006633;
    color: white;
}

.service-card {
    background: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(186, 230, 253, 0.5);
}
.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -10px rgba(2, 132, 199, 0.2);
}
@media (max-width: 768px) {
    .service-card:hover {
        transform: none;
        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    }
}

/* رفرفة العلم - نبقيها خفيفة */
@keyframes flutter {
    0%   { transform: rotate(0deg) scale(1); }
    20%  { transform: rotate(4deg) scale(1.02); }
    40%  { transform: rotate(-4deg) scale(1.02); }
    60%  { transform: rotate(2deg) scale(1); }
    80%  { transform: rotate(-2deg) scale(1.02); }
    100% { transform: rotate(0deg) scale(1); }
}
.animate-flutter {
    animation: flutter 4s ease-in-out infinite;
    display: inline-block;
}
@media (max-width: 768px) {
    .animate-flutter {
        animation-duration: 6s;
        transform: scale(0.8);
    }
}

/* تحسين الصور */
img {
    max-width: 100%;
    height: auto;
}