/* === Teşvik Detay Vitrin === */

.tm-page-hero{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:22px 22px;
  border-radius:18px;
  background: linear-gradient(135deg, rgba(13,110,253,.10), rgba(56,189,248,.08), rgba(2,6,23,.02));
  box-shadow: 0 20px 60px rgba(2,6,23,.08);
  border: 1px solid rgba(13,110,253,.10);
  margin-bottom: 26px;
}

.tm-page-hero__icon{
  width:54px;
  height:54px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow: 0 12px 30px rgba(2,6,23,.08);
  border: 1px solid rgba(2,6,23,.06);
  flex: 0 0 auto;
}

.tm-page-hero__icon i{
  font-size:28px;
  color:#0d6efd;
}

.tm-page-hero__text p{
  color:#334155;
  line-height:1.7;
}

.tm-long-content{
  background:#fff;
  border-radius:18px;
  padding:26px;
  box-shadow: 0 14px 45px rgba(2,6,23,.06);
  border: 1px solid rgba(2,6,23,.06);
}

/* içerik tipografi */
.tm-long-content p{
  font-size:16px;
  line-height:1.85;
  color:#1f2937;
  margin-bottom:14px;
}

.tm-long-content h2.tm-section-title{
  margin-top:22px;
  margin-bottom:12px;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.2px;
  color:#0f172a;
}

/* listeler zaten tm-check-list kullanıyor */
.tm-check-list{
  list-style:none;
  padding-left:0;
  margin: 10px 0 18px;
}

.tm-check-list li{
  position:relative;
  padding-left:26px;
  margin-bottom:10px;
  color:#334155;
  line-height:1.6;
}

.tm-check-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0d6efd;
  font-weight:800;
}

.tm-callout{
  border-radius:16px;
  padding:14px 16px;
  margin:18px 0;
  border:1px solid rgba(2,6,23,.08);
  background:#f8fafc;
  color:#0f172a;
}

.tm-callout-warning{
  background: rgba(255,193,7,.12);
  border-color: rgba(255,193,7,.25);
}

.tm-callout-info{
  background: rgba(13,110,253,.10);
  border-color: rgba(13,110,253,.20);
}

/* CTA box */
.tm-cta-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border-radius:18px;
  background: linear-gradient(135deg, #020617, #0f172a);
  color:#fff;
  box-shadow: 0 28px 90px rgba(0,0,0,.30);
}

.tm-cta-title{ font-weight:800; color:#fff; }
.tm-cta-text{ color:rgba(255,255,255,.78); }

.tm-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none;
  background: rgba(56,189,248,.18);
  border:1px solid rgba(56,189,248,.30);
  color:#fff;
  font-weight:800;
  transition:.25s ease;
  white-space:nowrap;
}

.tm-cta-btn span{ transition:.25s ease; }
.tm-cta-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(56,189,248,.20);
}
.tm-cta-btn:hover span{ transform: translateX(6px); }

@media (max-width: 768px){
  .tm-page-hero{ flex-direction:column; }
  .tm-long-content{ padding:20px; }
  .tm-cta-box{ flex-direction:column; align-items:flex-start; }
}