.sft-wrapper{
background:#f8fafc;
padding:90px 40px;
border-radius:24px;
color:#111827;
font-family:Inter, sans-serif;
}

.sft-heading{
text-align:center;
font-size:34px;
margin-bottom:40px;
font-weight:700;
letter-spacing:.3px;
}

.sft-tabs{
display:flex;
justify-content:center;
gap:15px;
margin-bottom:50px;
flex-wrap:wrap;
}

.sft-tabs button{
padding:10px 22px;
border-radius:40px;
border:1px solid #e5e7eb;
background:#ffffff;
color:#374151;
cursor:pointer;
font-weight:500;
transition:.25s ease;
}

.sft-tabs button.active{
background:linear-gradient(90deg,#6366f1,#06b6d4);
color:#fff;
border:none;
}

.sft-tabs button:hover{
background:#f1f5f9;
}

.sft-panel{
max-width:520px;
margin:0 auto;
background:#ffffff;
padding:40px;
border-radius:20px;
border:1px solid #e5e7eb;
}

.sft-tab{
display:none;
}

.sft-tab.active{
display:block;
}

.sft-panel input{
width:100%;
padding:14px;
margin-bottom:18px;
border-radius:12px;
border:1px solid #e5e7eb;
background:#f9fafb;
color:#111;
font-size:15px;
}

.sft-panel input:focus{
outline:none;
border-color:#6366f1;
background:#fff;
}

.sft-panel button{
width:100%;
padding:15px;
border-radius:14px;
border:none;
background:linear-gradient(90deg,#6366f1,#06b6d4);
color:#fff;
font-weight:600;
font-size:15px;
cursor:pointer;
transition:.25s ease;
}

.sft-panel button:hover{
opacity:.9;
}

.sft-result{
margin-top:18px;
font-weight:600;
font-size:16px;
color:#16a34a;
}

.sft-footer{
margin-top:70px;
text-align:center;
font-size:14px;
color:#6b7280;
}