/* تنسيق احترافي متجاوب بدون لمس الـ HTML */
:root { --main-blue: #38bdf8; --gold: #fbbf24; }

/* جعل الشبكة مرنة على كل الشاشات */
.tools-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    padding: 20px !important;
}

/* تحسين شكل الكروت */
.tool-card {
    transition: 0.4s !important;
    border: 1px solid #334155 !important;
    background: #1e293b !important;
    border-radius: 20px !important;
}

.tool-card:hover {
    transform: translateY(-8px) !important;
    border-color: var(--main-blue) !important;
    box-shadow: 0 10px 20px rgba(56, 189, 248, 0.2) !important;
}

/* ضبط الهيدر للموبايل */
@media (max-width: 768px) {
    .hero h1 { font-size: 2.5rem !important; }
    .main-actions { flex-direction: column !important; align-items: center !important; }
    .btn-act { width: 90% !important; max-width: none !important; }
    .top-bar { padding: 10px !important; }
}

/* أنيميشن بسيط للتحديث */
.update-flash { animation: flash 0.5s; }
@keyframes flash { from { opacity: 0.5; } to { opacity: 1; } }