/*
Theme Name: Neon Arabic
Theme URI:  https://example.com
Author:      YourName
Author URI:  https://example.com
Description: ثيم ووردبريس بالستايل الداكن المتوهج (RTL-ready)
Version:     1.0
Text Domain: neon-arabic
Tags: dark, neon, rtl
Requires at least: 5.0
*/

:root{
  --bg:#041023;
  --panel:#071428;
  --accent:#00e5ff;
  --accent-2:#07c2ff;
  --muted:#9aa8b3;
  --glass: rgba(255,255,255,0.03);
}

html,body{height:100%;}
body{margin:0;font-family: 'Tajawal', sans-serif;direction:rtl;background:linear-gradient(180deg,var(--bg),#020417);color:#eaf7ff;}
a{color:var(--accent);}
.header{display:flex;justify-content:space-between;align-items:center;padding:28px 48px}
.site-logo{font-weight:700;font-size:22px;color:var(--accent)}
.nav{display:flex;gap:28px}
.nav a{color:rgba(255,255,255,0.75);text-decoration:none}
.hero{display:flex;gap:60px;align-items:center;max-width:1200px;margin:60px auto;padding:40px}
.hero-left{flex:1}
.hero-glow{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(0,229,255,0.28), transparent 40%), radial-gradient(circle at 70% 70%, rgba(7,194,255,0.12), transparent 60%);box-shadow:0 0 80px rgba(0,229,255,0.06) inset}
.hero-right{flex:1}
.h-title{font-size:46px;line-height:1.05;margin:0 0 18px}
.h-sub{color:var(--accent-2);margin-bottom:22px}
.btn-cta{Padding:14px 34px;border-radius:14px;border:2px solid rgba(0,229,255,0.18);background:transparent;color:var(--accent);font-weight:600;text-decoration:none;display:inline-block}
.services{max-width:1100px;margin:60px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);padding:28px;border-radius:12px;box-shadow:0 6px 30px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.03)}
.card h3{margin:16px 0 12px}
.pricing{max-width:1100px;margin:60px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}
.price-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:28px;border-radius:14px;text-align:center}
.price-amount{font-size:34px;color:var(--accent);margin:10px 0}
.footer{padding:40px;text-align:center;color:var(--muted)}

/* Responsive */
@media (max-width:900px){
  .hero{flex-direction:column;align-items:center}
  .services, .pricing{grid-template-columns:1fr}
}