.tc-container{
  max-width:600px;
  margin:40px auto;
  background:#fff;
  padding:30px;
  border-radius:12px;
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.tc-title{
  text-align:center;
  font-size:28px;
  font-weight:bold;
  margin-bottom:20px;
}

.tc-row{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.tc-col{
  flex:1;
  min-width:200px;
}

.tc-input, .tc-select{
  width:100%;
  padding:12px;
  border-radius:6px;
  border:1px solid #ccc;
  font-size:16px;
}

.tc-btn{
  width:100%;
  padding:14px;
  border:none;
  border-radius:6px;
  background:#007bff;
  color:#fff;
  font-size:17px;
  cursor:pointer;
  transition:0.3s;
}

.tc-btn:hover{ background:#0056b3; }

.tc-result{
  margin-top:60px;
  padding:30px;
  background:#f8f9fa;
  border-radius:10px;
  display:none;
}

.tc-highlight{
  font-size:24px;
  font-weight:bold;
  color:#007bff;
  margin-bottom:20px;
}

.tc-copy{
  background:#28a745;
  margin-top:15px;
}

@media(max-width:768px){
  .tc-row{ flex-direction:column; }
}