#tekbam-calculator {
  max-width: 700px;
  min-height: 600px;
  margin: 2rem auto;
  font-family: inherit;
  transition: min-height .3s ease;
}

.tek-step { display:none; }
.tek-step.active { display:block; }

.sub-title {
  font-size: .9rem;
  color: #666;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
.tek-field {
  margin-bottom:1rem;
  display:flex;
  flex-direction:column;
}

.tek-field input {
  padding:0.5rem;
  border:1px solid #ccc;
  border-radius:15px;
  font-size:1rem;
  font-weight:700;
}
/*check field style */
.field-wrap {
  position: relative;
  margin-bottom: 15px;
}
.field-wrap input {
  padding-right: 35px;
}
.status-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: none;    
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.status-icon.valid {
  background-color: #28a745;
  display: flex;
}
.status-icon.valid::before { content: "✓"; }
.status-icon.invalid {
  background-color: #dc3545;
  display: flex;
}
.status-icon.invalid::before { content: "✕"; }

.tek-buttons {
  display:flex;
  justify-content:space-between;
  margin-top:1rem;
}

button.tek-btn {
  padding:0.6rem 1.2rem;
  background:#ED2027;
  color:#fff;
  border:none;
  border-radius:50px;
  cursor:pointer;
}
button.tek-btn[disabled] {
  opacity:0.5;
  cursor:not-allowed;
}
.progress {
  height:6px;
  background:#e0e0e0;
  border-radius:3px;
  margin-bottom:1.5rem;
  overflow:hidden;
}
.progress-bar {
  height:100%;
  width:0%;
  background:#0066cc;
  transition:width .3s ease;
}
.result-card {
  background:#f7f7f7;
  padding:0.8rem;
  margin:0.5rem 0;
  border-radius:6px;
}