:root{
    --txc-accent:#0b4da2;
    --txc-accent-hover:#083f86;
    --txc-ink:#0a1726;
    --txc-muted:#667587;
    --txc-surface:#ffffff;
    --txc-surface-soft:#f4f7fa;
    --txc-border:#dce4ec;
    --txc-success:#167348;
    --txc-warning:#9a6413;
    --txc-radius-ui:12px;
    --txc-shadow-sm:0 8px 24px rgba(15,39,67,.07);
    --txc-shadow-md:0 18px 50px rgba(15,39,67,.12);
    --txc-container:1240px;
    --txc-space-section:clamp(72px,8vw,120px);
}
.txc-ui-section{padding:var(--txc-space-section) 0}
.txc-ui-heading{max-width:790px;margin-bottom:42px}
.txc-ui-heading--center{margin-right:auto;margin-left:auto;text-align:center}
.txc-ui-heading__eyebrow{display:block;color:var(--txc-accent);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.txc-ui-heading__title{margin:12px 0 0;color:var(--txc-ink);font-size:clamp(38px,4.5vw,62px);line-height:1.04;letter-spacing:-.05em}
.txc-ui-heading__description{margin:18px 0 0;color:var(--txc-muted);font-size:17px;line-height:1.65}
.txc-ui-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:1px solid transparent;border-radius:var(--txc-radius-ui);font-weight:850;text-decoration:none;transition:.2s}
.txc-ui-button:hover{transform:translateY(-1px)}
.txc-ui-button i{display:flex}.txc-ui-button svg{width:18px}
.txc-ui-button--primary{color:#fff;background:var(--txc-accent)}
.txc-ui-button--primary:hover{color:#fff;background:var(--txc-accent-hover)}
.txc-ui-button--dark{color:#fff;background:var(--txc-ink)}
.txc-ui-button--outline{border-color:var(--txc-border);color:var(--txc-ink);background:#fff}
.txc-ui-button--text{min-height:auto;padding:0;color:var(--txc-accent);background:transparent}
.txc-ui-button--sm{min-height:40px;padding:0 16px;font-size:13px}
.txc-ui-button--lg{min-height:56px;padding:0 28px}
.txc-ui-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:40px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.txc-ui-badge--success{color:var(--txc-success);background:#dff5e8}
.txc-ui-badge--warning{color:var(--txc-warning);background:#fff1d8}
.txc-ui-badge--neutral{color:#526479;background:#e8eef5}
.txc-ui-badge--accent{color:#fff;background:var(--txc-accent)}
.txc-ui-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.txc-ui-icon-box{min-height:245px;padding:28px;border:1px solid var(--txc-border);border-radius:var(--txc-radius-ui);background:#fff}
.txc-ui-icon-box__number{color:var(--txc-accent);font-size:12px;font-weight:900}
.txc-ui-icon-box h3{margin:62px 0 10px;font-size:23px}.txc-ui-icon-box p{margin:0;color:var(--txc-muted)}
.txc-ui-field{display:flex;flex-direction:column;gap:7px}.txc-ui-field>span{font-size:12px;font-weight:800}
.txc-ui-field input,.txc-ui-field select,.txc-ui-field textarea{width:100%;padding:13px;border:1px solid var(--txc-border);border-radius:var(--txc-radius-ui);background:#fff;font:inherit;outline:none}
.txc-ui-field input:focus,.txc-ui-field select:focus,.txc-ui-field textarea:focus{border-color:var(--txc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--txc-accent) 13%,transparent)}
.txc-ui-demo__group{margin-top:55px;padding-top:30px;border-top:1px solid var(--txc-border)}.txc-ui-demo__group>h3{margin-bottom:20px}
.txc-ui-demo__row{display:flex;flex-wrap:wrap;gap:12px}.txc-ui-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.txc-ui-field--wide{grid-column:1/-1}
@media(max-width:850px){.txc-ui-icon-grid,.txc-ui-form-grid{grid-template-columns:1fr}}