.tct-wrapper{
display:flex;
background:#fff;
border:1px solid #d7e6e7;
border-radius:15px;
overflow:hidden;
font-family:Arial,sans-serif;
}

.tct-left,
.tct-right{
width:50%;
padding:30px;
}

.tct-left{
border-right:1px solid #dfe9ea;
}

.tct-left label{
display:block;
font-weight:600;
margin-bottom:10px;
margin-top:20px;
}

.tct-left textarea{
width:100%;
height:120px;
border:1px solid #ccc;
border-radius:10px;
padding:15px;
resize:none;
}

.tct-left select{
width:100%;
padding:15px;
border-radius:10px;
border:1px solid #ccc;
}

.tct-count{
text-align:right;
margin-top:5px;
color:#666;
}

.tct-check{
display:flex !important;
gap:10px;
align-items:center;
}

#tct-check-btn{
margin-top:20px;
background:#111827;
color:#fff;
padding:16px 35px;
border:none;
border-radius:40px;
font-size:18px;
cursor:pointer;
}

#tct-results{
min-height:450px;
background:#fafafa;
border:1px solid #ddd;
border-radius:12px;
padding:20px;
}

.score{
background:#14b8a6;
color:#fff;
padding:15px;
border-radius:8px;
font-size:22px;
font-weight:bold;
margin-bottom:20px;
}

.alt-title{
padding:12px;
background:#fff;
margin-bottom:10px;
border-left:4px solid #14b8a6;
border-radius:5px;
}

#tct-copy{
margin-top:20px;
padding:12px 35px;
border-radius:50px;
border:2px solid #14b8a6;
background:#fff;
cursor:pointer;
}

.loading{
font-size:18px;
}

@media(max-width:768px){

.tct-wrapper{
flex-direction:column;
}

.tct-left,
.tct-right{
width:100%;
}

}