:root{
  --bg:#040918;
  --panel:#081327;
  --panel-2:#0a1730;
  --border:rgba(92,120,255,.15);
  --text:#f7f9ff;
  --muted:#9aa7c7;
  --green:#24e0a6;
  --cyan:#49d8ff;
  --purple:#7d35ff;
  --purple-soft:#b46cff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:"Tajawal",system-ui,sans-serif;
  background: radial-gradient(circle at top, rgba(30,70,180,.18), transparent 22%),
              radial-gradient(circle at 80% 15%, rgba(145,66,255,.15), transparent 22%),
              var(--bg);
  color:var(--text);
  min-height:100vh;
}

.page-glow{
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 25%, rgba(36,224,166,.08), transparent 18%),
    radial-gradient(circle at 78% 18%, rgba(125,53,255,.10), transparent 18%);
  z-index:0;
}

.container{
  width:min(1180px, calc(100% - 32px));
  margin-inline:auto;
  position:relative;
  z-index:1;
}

.site-header{
  position:sticky;
  top:0;
  z-index:10;
  backdrop-filter:blur(14px);
  background:rgba(3,10,24,.78);
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* 🔥 تم التعديل هنا */
.nav{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  position:relative;
}

.brand{display:flex; align-items:center}
.brand-logo{height:58px; width:auto}

/* 🔥 النص في الوسط */
.header-text{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  font-size:26px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--green);
  white-space:nowrap;
}

.main-nav{display:flex; align-items:center; gap:26px}

.main-nav a{
  color:#d6def6;
  text-decoration:none;
  font-size:1.05rem;
}

.main-nav a:hover{color:var(--green)}

.cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(90deg, #14c49f 0%, #5c47ff 100%);
  border-radius:16px;
  box-shadow:0 14px 38px rgba(72, 76, 255, .22);
  transition:.2s ease;
}

.cta-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.cta-button.small{
  padding:13px 20px;
  font-weight:700;
}

.cta-button.large{
  padding:18px 28px;
  font-size:1.15rem;
  font-weight:800;
  width:min(100%, 420px)
}

.hero{
  padding:64px 0 30px;
  text-align:center;
}

.hero h1{
  margin:0;
  font-size:clamp(2.4rem, 6vw, 4.4rem);
  line-height:1.1;
  background:linear-gradient(90deg, var(--green), var(--cyan), var(--purple-soft));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-text{
  margin:18px auto 0;
  max-width:640px;
  color:#dbe4ff;
  font-size:clamp(1.05rem, 2vw, 1.55rem);
}
.hero-eyebrow{
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--green);
  margin-bottom: 10px;
}

.market-section{padding:22px 0 10px}

.cards-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.market-card,
.news-widget,
.indicator-section .chart-panel,
.indicator-copy{
  background:linear-gradient(180deg, rgba(9,20,43,.96), rgba(6,14,29,.92));
  border:1px solid rgba(115,130,255,.14);
  border-radius:24px;
  box-shadow:0 18px 55px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
}

.market-card{padding:22px 20px}

.card-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

.flag{font-size:1.7rem}

.card-title h3{margin:0; font-size:1.55rem}
.card-title p{margin:4px 0 0; color:var(--muted); font-size:1rem}

.widget-shell{min-height:145px}

.widget-note{
  text-align:center;
  color:#aeb8d5;
  margin:14px 0 0;
  font-size:.97rem;
}

.news-section{padding:26px 0 6px}

.section-bar h2{
  margin:0 0 14px;
  font-size:1.65rem;
}

.news-widget{
  padding:10px;
  min-height:420px;
}

.indicator-section{padding:24px 0 54px}

.indicator-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:22px;
}

.chart-panel{
  padding: 10px; /* كان 20px */
  height: 100%;
}

.panel-label{
  color:#dde6ff;
  font-size:1.12rem;
  margin-bottom:14px;
}

.preview-image{
  width: 100%;
  height: 100%;
  object-fit: cover; /* مهم جداً */
  display: block;
  border-radius: 18px;
}

.indicator-copy{padding:30px}

.indicator-copy h2{
  margin:0;
  font-size: clamp(1.8rem, 4vw, 2.6rem); /* كان أكبر */
  line-height: 1.3; /* مهم عشان ما تنقص الحروف */
  padding-top: 6px; /* يعطي مساحة للهمزة */
  background:linear-gradient(90deg, var(--green), var(--purple-soft));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.indicator-subtitle{
  margin:14px 0 26px;
  color:#dfe6fb;
  font-size:clamp(1.1rem, 2vw, 1.8rem);
}

.features{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-bottom:26px;
}

.feature{
  padding:0 10px;
  border-left:1px solid rgba(255,255,255,.08);
}

.feature:last-child{border-left:none}

.feature h3{
  margin:0 0 10px;
  color:#d4c5ff;
  font-size:1.25rem;
}

.feature p{
  margin:0;
  color:#b6c0de;
  line-height:1.7;
}

.mini-points{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  margin-top:18px;
  color:#c8d2ef;
}

.site-footer{
  border-top:1px solid rgba(255,255,255,.06);
  padding:20px 0 32px;
  color:#9ba9cb;
  text-align:center;
}

.price-tape-widget{
  min-height:72px;
  padding:10px 14px;
  overflow:hidden;
}

#prices-tape{
  padding-top:26px;
  padding-bottom:18px;
}

@media (max-width:1100px){
  .cards-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .indicator-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  .nav{
    min-height:auto;
    padding:14px 0;
    flex-wrap:wrap;
  }

  .main-nav{
    order:3;
    width:100%;
    justify-content:center;
    gap:18px;
    padding-bottom:6px;
  }

  .brand-logo{height:48px}

  .cards-grid{grid-template-columns:1fr}

  .features{grid-template-columns:1fr}

  .feature{
    border-left:none;
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:14px;
  }

  .feature:first-child{
    border-top:none;
    padding-top:0;
  }
}
.telegram-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 14px 26px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;

  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.15);

  background: linear-gradient(90deg, #0088cc, #00c6ff);
  box-shadow: 0 10px 25px rgba(0, 140, 255, 0.25);

  transition: 0.25s ease;
}

.telegram-button:hover{
  transform: translateY(-2px);
  filter: brightness(1.1);
}
.cta-sub{
  margin-top:10px;
  color:#aeb8d5;
  font-size:0.95rem;
}