.ta-cs-wrap{
  max-width:1100px;
  margin:24px auto;
  color:#f5efff;
  font-family:inherit;
}
.ta-cs-hero{
  background:linear-gradient(135deg,#230733 0%,#4b1368 55%,#6a1b8d 100%);
  border-radius:24px;
  padding:28px 22px;
  box-shadow:0 18px 40px rgba(33,7,48,.2);
  margin-bottom:20px;
}
.ta-cs-kicker{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#f7d77a;
  font-size:13px;
  font-weight:700;
  margin-bottom:14px;
}
.ta-cs-hero h2{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(28px,4vw,40px);
  line-height:1.1;
}
.ta-cs-hero p{
  margin:0 0 14px;
  color:#f2eaff;
  font-size:16px;
  line-height:1.65;
}
.ta-cs-note{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:14px 16px;
  color:#f6f0ff;
  line-height:1.6;
}
.ta-cs-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.ta-cs-tab,
.ta-cs-btn{
  border:none;
  cursor:pointer;
  transition:.2s ease;
}
.ta-cs-tab{
  padding:12px 16px;
  border-radius:999px;
  background:#efe6ff;
  color:#310550;
  font-weight:700;
}
.ta-cs-tab.is-active{
  background:#310550;
  color:#fff;
  box-shadow:0 10px 24px rgba(49,5,80,.22);
}
.ta-cs-panel{
  display:none;
}
.ta-cs-panel.is-active{
  display:block;
}
.ta-cs-card,
.ta-cs-result-card{
  background:#fff;
  border:1px solid #eadcf8;
  border-radius:24px;
  padding:22px;
  color:#2f2340;
  box-shadow:0 16px 35px rgba(49,5,80,.08);
}
.ta-cs-card h3,
.ta-cs-result-card h3,
.ta-cs-box h4{
  color:#310550;
}
.ta-cs-card p,
.ta-cs-result-subtitle,
.ta-cs-text p,
.ta-cs-footnote{
  line-height:1.7;
}
.ta-cs-form{
  margin-top:14px;
}
.ta-cs-grid{
  display:grid;
  gap:14px;
}
.ta-cs-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.ta-cs-form label span,
.ta-cs-science-label,
.ta-cs-science-head{
  display:block;
  font-weight:700;
  margin-bottom:8px;
  color:#3c2258;
}
.ta-cs-form input,
.ta-cs-form select{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid #dbc5f1;
  background:#fff;
  color:#2f2340;
  font-size:15px;
  box-sizing:border-box;
}
.ta-cs-form input:focus,
.ta-cs-form select:focus{
  outline:none;
  border-color:#7e57ff;
  box-shadow:0 0 0 3px rgba(126,87,255,.12);
}
.ta-cs-btn{
  margin-top:16px;
  background:#310550;
  color:#fff;
  padding:14px 18px;
  border-radius:14px;
  font-weight:700;
}
.ta-cs-btn:hover,
.ta-cs-tab:hover{
  transform:translateY(-1px);
}
.ta-cs-science-grid{
  display:grid;
  grid-template-columns:1.6fr .8fr .8fr;
  gap:12px 14px;
  margin-top:18px;
  align-items:center;
}
.ta-cs-science-head{
  padding-bottom:6px;
  border-bottom:1px solid #eadcf8;
}
.ta-cs-result-wrap{
  margin-top:22px;
}
.ta-cs-result-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.ta-cs-result-badge{
  display:inline-block;
  margin-bottom:10px;
  background:#f4ebff;
  color:#5f27a7;
  border-radius:999px;
  padding:7px 12px;
  font-size:13px;
  font-weight:700;
}
.ta-cs-score-circle{
  min-width:110px;
  height:110px;
  border-radius:50%;
  background:linear-gradient(135deg,#310550,#7e57ff);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  box-shadow:0 14px 28px rgba(49,5,80,.18);
}
.ta-cs-score-circle span{
  font-size:34px;
  line-height:1;
  font-weight:800;
}
.ta-cs-score-circle small{
  opacity:.85;
}
.ta-cs-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:22px 0;
}
.ta-cs-metric{
  background:#fbf8ff;
  border:1px solid #eadcf8;
  border-radius:18px;
  padding:14px;
}
.ta-cs-metric-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.ta-cs-bar{
  height:10px;
  border-radius:999px;
  background:#eadcf8;
  overflow:hidden;
}
.ta-cs-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#7e57ff,#f3c96a);
}
.ta-cs-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.ta-cs-box{
  background:#fbf8ff;
  border:1px solid #eadcf8;
  border-radius:18px;
  padding:18px;
}
.ta-cs-box ul{
  margin:0;
  padding-left:18px;
}
.ta-cs-box li + li{
  margin-top:8px;
}
.ta-cs-footnote{
  margin-top:18px;
  font-size:14px;
  color:#6b5b7f;
}
@media (max-width:780px){
  .ta-cs-grid.two,
  .ta-cs-metrics,
  .ta-cs-columns,
  .ta-cs-science-grid{
    grid-template-columns:1fr;
  }
  .ta-cs-result-head{
    flex-direction:column;
  }
  .ta-cs-score-circle{
    min-width:96px;
    height:96px;
  }
}