.tce-card{
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  display:flex;
  flex-direction:column;
  height:100%;
}
.tce-card__image img{
  display:block;
  width:100%;
  height:280px;
  object-fit:cover;
}
.tce-card__category{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 20px;
  background:#7D10FF;
  color:#fff;
  text-align:center;
}
.tce-card__category-text{
  text-transform:uppercase;
  line-height:1.2;
  font-size:20px;
  font-weight:700;
}
.tce-card__category-icon,
.tce-btn__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.tce-card__category-icon i,
.tce-btn__icon i{ font-size:18px; }
.tce-card__category-icon svg,
.tce-btn__icon svg{ width:18px; height:18px; }

.tce-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:22px 30px 26px;
}
.tce-card__title{
  margin:0;
  text-align:center;
  color:#3F3F3F;
  font-size:30px;
  line-height:1.15;
  font-weight:500;
  text-transform:uppercase;
  text-wrap:balance;
}
.tce-card__subtitle{
  margin:10px 0 0;
  text-align:center;
  color:#666;
  font-size:16px;
  line-height:1.5;
}
.tce-card__divider{
  width:120px;
  height:8px;
  background:#8A1BFF;
  margin:26px auto 24px;
}
.tce-card__description{
  margin:0;
  text-align:center;
  color:#444;
  font-size:18px;
  line-height:1.7;
  flex:1 1 auto;
}
.tce-card__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:26px;
}
.tce-btn{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:12px;
  padding:14px 18px;
  text-decoration:none !important;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  transition:transform .2s ease, opacity .2s ease;
}
.tce-btn:hover{
  transform:translateY(-2px);
  opacity:.95;
}
.tce-btn--primary{ background:#7D10FF; color:#fff; }
.tce-btn--secondary{ background:#5C5C5C; color:#fff; }

@media (max-width: 1024px){
  .tce-card__image img{ height:240px; }
  .tce-card__title{ font-size:26px; }
}
@media (max-width: 767px){
  .tce-card{ border-radius:22px; }
  .tce-card__image img{ height:210px; }
  .tce-card__category-text{ font-size:18px; }
  .tce-card__body{ padding:20px 22px 22px; }
  .tce-card__title{ font-size:23px; }
  .tce-card__subtitle{ font-size:15px; }
  .tce-card__divider{ width:100px; height:6px; margin:22px auto 20px; }
  .tce-card__description{ font-size:16px; line-height:1.6; }
  .tce-card__actions{ grid-template-columns:1fr; gap:12px; margin-top:22px; }
  .tce-btn{ min-height:54px; font-size:17px; }
}