/* EXCOINCASH NEXA 6 — News section + announcement popup (presentation only) */

.nx-news{
  position:relative;
  background:linear-gradient(180deg,var(--nx-card,#101a2b),var(--nx-card-2,#0d1626));
  border:1px solid var(--nx-border,rgba(255,255,255,.08));
  border-radius:26px;padding:30px;
  box-shadow:var(--nx-shadow,0 22px 60px -24px rgba(0,0,0,.75));
  font-family:"Cairo",system-ui,sans-serif;
}
.nx-news__head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:24px;}
.nx-news__kicker{
  display:inline-flex;align-items:center;gap:8px;background:rgba(242,185,51,.10);
  border:1px solid rgba(242,185,51,.26);color:#f2b933;padding:7px 14px;border-radius:999px;
  font-size:12.5px;font-weight:800;margin-bottom:12px;
}
.nx-news__dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:nxNewsPulse 2s infinite;}
@keyframes nxNewsPulse{0%,100%{opacity:1}50%{opacity:.35}}
.nx-news__head h2{margin:0 0 8px;font-size:27px;font-weight:900;color:#fff;line-height:1.5;}
.nx-news__head p{margin:0;color:#a9b8ce;font-size:14.5px;line-height:1.9;}
.nx-news__all{
  display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;font-weight:800;font-size:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);color:#eef3fb !important;text-decoration:none;transition:.22s ease;
}
.nx-news__all:hover{background:rgba(255,255,255,.09);transform:translateY(-2px);}

.nx-news__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.nx-news__card{
  display:flex;flex-direction:column;overflow:hidden;border-radius:20px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.nx-news__card:hover{transform:translateY(-4px);border-color:rgba(242,185,51,.35);box-shadow:0 26px 52px -26px rgba(0,0,0,.8);}
.nx-news__media{
  position:relative;display:block;height:158px;background:#0f1a2b center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
}
.nx-news__media-ph{color:rgba(255,255,255,.22);font-weight:900;letter-spacing:2px;font-size:15px;}
.nx-news__tag{
  position:absolute;inset-inline-start:12px;top:12px;padding:5px 11px;border-radius:999px;
  background:rgba(8,12,20,.72);border:1px solid rgba(242,185,51,.35);color:#f2b933;font-size:11.5px;font-weight:800;backdrop-filter:blur(6px);
}
.nx-news__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:9px;flex:1;}
.nx-news__date{color:#7f8ea6;font-size:12.5px;font-weight:700;}
.nx-news__body h3{margin:0;font-size:17px;line-height:1.7;font-weight:800;}
.nx-news__body h3 a{color:#fff;text-decoration:none;}
.nx-news__body h3 a:hover{color:#f2b933;}
.nx-news__body p{margin:0;color:#a9b8ce;font-size:14px;line-height:1.9;}
.nx-news__more{margin-top:auto;color:#f2b933 !important;font-weight:800;font-size:13.5px;text-decoration:none;}
.nx-news__more:hover span{margin-inline-start:4px;}

@media (max-width:980px){ .nx-news__grid{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){
  .nx-news{padding:22px 16px;border-radius:22px;}
  .nx-news__grid{grid-template-columns:1fr;}
  .nx-news__head h2{font-size:22px;}
  .nx-news__all{width:100%;justify-content:center;}
}

/* ===================== Popup ===================== */
.nx-pop{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;padding:20px;font-family:"Cairo",system-ui,sans-serif;}
.nx-pop.is-open{display:flex;}
.nx-pop__backdrop{position:absolute;inset:0;background:rgba(4,8,15,.72);backdrop-filter:blur(6px);animation:nxPopFade .28s ease;}
.nx-pop__card{
  position:relative;width:min(520px,100%);max-height:88vh;overflow:auto;border-radius:26px;
  background:linear-gradient(180deg,#121d31,#0c1524);
  border:1px solid rgba(242,185,51,.28);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 60px -22px rgba(242,185,51,.35);
  animation:nxPopIn .34s cubic-bezier(.16,1,.3,1);
}
@keyframes nxPopFade{from{opacity:0}to{opacity:1}}
@keyframes nxPopIn{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
.nx-pop__x{
  position:absolute;inset-inline-end:14px;top:14px;z-index:3;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(8,12,20,.6);color:#eef3fb;font-size:15px;cursor:pointer;transition:.2s ease;
}
.nx-pop__x:hover{background:rgba(242,185,51,.2);color:#f2b933;transform:rotate(90deg);}
.nx-pop__media{height:190px;background:#0f1a2b center/cover no-repeat;border-radius:26px 26px 0 0;}
.nx-pop__body{padding:26px 24px 24px;display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center;}
.nx-pop__badge{
  display:inline-flex;align-items:center;gap:8px;background:rgba(242,185,51,.12);border:1px solid rgba(242,185,51,.3);
  color:#f2b933;padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:800;
}
.nx-pop__body h3{margin:0;font-size:22px;font-weight:900;color:#fff;line-height:1.6;}
.nx-pop__body p{margin:0;color:#a9b8ce;font-size:14.5px;line-height:2;}
.nx-pop__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px;width:100%;}
.nx-pop__btn{
  flex:1 1 170px;padding:14px 20px;border-radius:14px;font-weight:800;font-size:14.5px;text-decoration:none;
  background:linear-gradient(135deg,#f2b933,#d9901d);color:#161003 !important;box-shadow:0 0 34px -12px rgba(242,185,51,.7);transition:.22s ease;
}
.nx-pop__btn:hover{transform:translateY(-2px);filter:brightness(1.06);}
.nx-pop__ghost{
  flex:1 1 120px;padding:14px 20px;border-radius:14px;font-weight:800;font-size:14.5px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);color:#eef3fb;transition:.22s ease;font-family:inherit;
}
.nx-pop__ghost:hover{background:rgba(255,255,255,.1);}
.nx-pop__hint{color:#6f7f97;font-size:12px;margin-top:2px;}
@media (max-width:640px){
  .nx-pop__card{border-radius:22px;}
  .nx-pop__media{height:150px;border-radius:22px 22px 0 0;}
  .nx-pop__body h3{font-size:19px;}
}
@media (prefers-reduced-motion:reduce){
  .nx-pop__card,.nx-pop__backdrop{animation:none;}
}