.tck { max-width:1200px; margin:28px auto; padding:28px; background:#1c2025; border:1px solid #353b43; border-radius:16px; color:#f5f5f5; font:16px/1.45 Arial,Helvetica,sans-serif; }
.tck * { box-sizing:border-box; }
.tck-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:25px; }
.tck label { display:block; color:#e83445; font-size:14px; font-weight:700; }
.tck select,.tck input,.tck textarea { display:block; width:100%; margin-top:7px; padding:11px 13px; background:#111416; color:#f5f5f5; border:1px solid #505761; border-radius:9px; font:16px Arial,Helvetica,sans-serif; }
.tck select:focus-visible,.tck input:focus-visible,.tck textarea:focus-visible,.tck button:focus-visible { outline:3px solid #e83445; outline-offset:2px; }
.tck select:disabled { opacity:.6; }
.tck select option { background:#1c2025; }
.tck-result[hidden],.tck-hint[hidden] { display:none; }
.tck-hint { color:#aab2bc; }
.tck-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.tck-number,.tck-item,.tck-price,.tck-form { min-width:0; background:#292e34; border:1px solid #3a4149; border-radius:11px; padding:15px; overflow-wrap:anywhere; }
.tck-number { min-height:96px; }
.tck b,.tck-form h3 { display:block; color:#e83445; font-size:13px; margin:0 0 9px; }
.tck-number span { display:block; font-size:27px; font-weight:650; }
.tck-details { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.tck-item { grid-column:span 2; }
.tck-item--half { grid-column:span 3; }
.tck-item--wide { grid-column:1/-1; }
.tck-item span { white-space:pre-line; }
.tck-last-row { display:block; margin-top:14px; }
.tck-price { display:flex; align-items:center; gap:18px; width:100%; min-height:58px; background:#30363d; border-color:#5b3b43; padding:10px 15px; }
.tck-price b { margin:0; }
.tck-price span { font-size:21px; font-weight:700; }
.tck-form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.tck-last-row .tck-form { margin-top:14px; }
.tck-form h3,.tck-form label:has(textarea),.tck-form button,.tck-status { grid-column:1/-1; }
.tck-form label { color:#c4ccd5; font-size:13px; }
.tck-form button { cursor:pointer; border:0; border-radius:9px; background:#e83445; color:#fff; padding:12px 18px; font-size:17px; font-weight:700; }
.tck-form button:hover { background:#c92738; }
.tck-form button:disabled { opacity:.6; cursor:wait; }
.tck-status { margin:0; min-height:0; }
.tck-status--success { padding:12px; background:#173b26; border:1px solid #329b5b; border-radius:8px; color:#c7f5d8; }
.tck-status--error { padding:12px; background:#482028; border:1px solid #d35b69; border-radius:8px; color:#ffe1e5; }
.tck-trap { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
@media(max-width:740px) { .tck-choices { grid-template-columns:1fr; } .tck-details .tck-item { grid-column:span 3; } .tck-details .tck-item--wide { grid-column:1/-1; } .tck-number span { font-size:21px; } }
@media(max-width:560px) { .tck { margin:12px; padding:17px; } .tck-numbers,.tck-form { grid-template-columns:1fr; } .tck-details .tck-item { grid-column:1/-1; } .tck-price { flex-wrap:wrap; gap:5px 15px; } }