/* style.css - نفس الأنماط السابقة بدون أي تغيير */
:root {
    --primary: #8A2BE2;
    --primary-dark: #7A1BD2;
    --secondary: #00F5FF;
    --dark-bg: #0A0A12;
    --dark-card: #141424;
    --dark-text: #FFFFFF;
    --dark-muted: #A0A0C0;
    --success: #00FF88;
    --warning: #FF6B6B;
    --danger: #FF3366;
    --gradient-primary: linear-gradient(135deg, #8A2BE2, #00F5FF);
    --gradient-secondary: linear-gradient(45deg, #8A2BE2, #FF3366);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--dark-bg);
    color: var(--dark-text);
    line-height: 1.6;
    background: 
        radial-gradient(circle at 10% 20%, rgba(138, 43, 226, 0.1) 0%, transparent 20%),
        radial-gradient(circle at 90% 80%, rgba(0, 245, 255, 0.1) 0%, transparent 20%),
        var(--dark-bg);
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* ... (انسخ باقي الأنماط من الكود الأصلي حتى نهاية الأنماط) ... */
@media (max-width: 768px) {
    .header-container {
        flex-direction: column;
        gap: 1rem;
    }
    .hero h1 {
        font-size: 2rem;
    }
    .hero p {
        font-size: 1rem;
    }
    .main-tool {
        padding: 1.5rem;
    }
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .adsense-placeholder {
        max-width: 320px;
        min-height: 50px;
        padding: 1rem;
    }
    .stats {
        grid-template-columns: repeat(2, 1fr);
    }
}