/* ==========================================================================
   زبان‌نگار — ویجت «تقویم آموزشی · ثبت‌نام و تماس» (zn-cal-register)
   طرح مبدأ: 10-register.dc.html
   ========================================================================== */

.znrg {
  position: relative;
  overflow: hidden;
  padding-block: clamp(46px, 6vw, 80px);
  background: linear-gradient(90deg, var(--zn-crim), var(--zn-rose) 52%, var(--zn-rose2));
  scroll-margin-top: 150px;
}
.znrg-ghost {
  position: absolute; bottom: -34px; right: 3%; direction: ltr;
  font-size: 130px; font-weight: 900; color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, .16); line-height: 1;
  pointer-events: none; user-select: none;
}
.znrg-wrap {
  position: relative; max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px);
  display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center;
}

.znrg-title { margin: 0 0 12px; font-size: clamp(24px, 3.4vw, 40px); font-weight: 900; color: #fff; line-height: 1.35; }
.znrg-lead { margin: 0 0 24px; font-size: 14.5px; line-height: 2.1; color: rgba(255, 255, 255, .9); max-width: 46ch; }

.znrg-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.znrg-btn { font-size: 14px; font-weight: 800; padding: 14px 26px; border-radius: 14px; transition: transform .18s ease; }
.znrg-btn:hover { transform: translateY(-2px); }
.znrg-btn--solid { background: #fff; color: var(--zn-crim); box-shadow: 0 12px 30px rgba(0, 0, 0, .2); }
.znrg-btn--solid:hover { color: var(--zn-crim); }
.znrg-btn--ghost { background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .4); color: #fff; }
.znrg-btn--ghost:hover { color: #fff; }

.znrg-cards { display: grid; gap: 14px; }
.znrg-card {
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 16px; padding: 20px 22px; backdrop-filter: blur(6px);
}
.znrg-card b { display: block; font-size: 15px; font-weight: 900; color: #fff; }
.znrg-card p { margin: 6px 0 0; font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, .9); }

@media (max-width: 900px) { .znrg-wrap { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 560px) { .znrg-btns a { flex: 1; text-align: center; justify-content: center; } }