* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Cairo', sans-serif; }
body { background: #020617; color: white; min-height: 100vh; overflow-x: hidden; }

/* شريط الأخبار */
.news-ticker { background: #3b82f6; position: fixed; top: 0; width: 100%; z-index: 1000; padding: 8px 0; overflow: hidden; }
.ticker-content { display: inline-block; white-space: nowrap; animation: ticker 25s linear infinite; font-weight: bold; font-size: 0.85rem; }
@keyframes ticker { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

.container { width: 92%; max-width: 1400px; margin: 70px auto 20px; text-align: center; }

/* هيدر متجاوب */
header h1 { font-size: 1.8rem; margin-bottom: 8px; }
header h1 span { color: #3b82f6; }

.status-bar {
    background: rgba(59, 130, 246, 0.1); border: 1px solid #3b82f6; color: #3b82f6;
    padding: 10px 20px; border-radius: 50px; margin-bottom: 30px; font-weight: bold;
    display: inline-block; font-size: 0.85rem; animation: pulse 2s infinite;
}
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
.dot { height: 8px; width: 8px; background: #3b82f6; border-radius: 50%; display: inline-block; margin-left: 8px; }

/* تقسيم مرن */
.main-wrapper { display: flex; flex-direction: column; gap: 20px; }

@media (min-width: 992px) {
    .main-wrapper { flex-direction: row; }
}

.market-section { flex: 1; background: rgba(255,255,255,0.02); padding: 15px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.05); }
.section-title { margin-bottom: 20px; color: #94a3b8; border-bottom: 2px solid #3b82f6; display: inline-block; padding-bottom: 5px; font-size: 1.2rem; }
.section-title span { color: #3b82f6; font-size: 0.9rem; }

/* شبكة المربعات للموبايل */
.market-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); 
    gap: 10px; 
}

@media (min-width: 480px) {
    .market-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
}

/* الكروت */
.coin-card {
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 15px 8px; border-radius: 15px; transition: 0.3s;
}
.coin-card:hover { border-color: #3b82f6; background: rgba(59, 130, 246, 0.1); }
.coin-card img { width: 30px; height: 30px; margin-bottom: 8px; border-radius: 50%; }

.price { font-size: 0.9rem; font-weight: bold; margin: 4px 0; }
.up { color: #22c55e; } .down { color: #ef4444; }
h3 { font-size: 0.8rem; color: #94a3b8; }

footer { margin-top: 40px; padding: 20px; opacity: 0.5; font-size: 0.8rem; }
footer span { color: #3b82f6; font-weight: bold; }