.tcys {
  --tcys-ink: #102b4a;
  --tcys-accent: #1769d2;
  max-width: 840px;
  margin: 1.7rem auto 2rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  color: var(--tcys-ink);
  background: linear-gradient(155deg, #f6faff 0%, #eaf3ff 100%);
  border: 1px solid #cfdef4;
  border-radius: 18px;
  box-shadow: 0 12px 36px rgba(7, 50, 100, .08);
  font-family: inherit;
}
.tcys *, .tcys *::before, .tcys *::after { box-sizing: border-box; }
.tcys__intro strong { display: block; font-size: 1.35rem; line-height: 1.3; color: var(--tcys-ink); }
.tcys__intro p { margin: .45rem 0 1.1rem; color: #3e5873; font-size: .96rem; }
.tcys__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem 1rem; }
.tcys__grid label { display: block; min-width: 0; font-weight: 600; color: var(--tcys-ink); font-size: .92rem; }
.tcys__grid span { display: block; margin-bottom: .4rem; }
.tcys__grid input {
  display: block; width: 100%; min-height: 47px; padding: .65rem .8rem;
  border: 1px solid #9cb8d9; border-radius: 9px; font: inherit;
  background: #fff; color: #17283b; box-shadow: none;
}
.tcys__grid input:focus-visible, .tcys__button:focus-visible { outline: 3px solid #ffbd45; outline-offset: 2px; }
.tcys__button {
  margin-top: 1rem; padding: .75rem 1.25rem; min-height: 46px;
  background: var(--tcys-accent); color: #fff; border: 0; border-radius: 10px;
  font-weight: 700; font-size: 1rem; cursor: pointer;
}
.tcys__button:hover { background: #1255ae; }
.tcys__result {
  display: flex; flex-direction: column; gap: .2rem;
  margin-top: 1.2rem; padding: .95rem 1.1rem; background: #fff;
  border: 1px solid #bbd5f6; border-left: 5px solid var(--tcys-accent); border-radius: 10px;
}
.tcys__result-label { color: #47617d; font-size: .9rem; }
.tcys__result-value { font-size: clamp(1.45rem, 3.5vw, 2rem); line-height: 1.2; color: #0a4f9e; }
.tcys__result-detail { font-size: .88rem; color: #50667f; }
.tcys--error .tcys__result { border-color: #a83030; }
.tcys--error .tcys__result-value { color: #a83030; }
.tcys__disclaimer { margin: .9rem 0 0 !important; font-size: .84rem !important; line-height: 1.5; color: #455b75; }
@media (max-width: 575px) {
  .tcys__grid { grid-template-columns: 1fr; }
  .tcys__button { display: block; width: 100%; }
}