.twle-shell { max-width: 980px; padding: clamp(24px,5vw,56px); border-radius: 28px; background: #fff; box-shadow: 0 24px 70px rgba(17,68,72,.15); }
.twle-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.twle-field--wide { grid-column: 1 / -1; }
.twle-field label { display: block; margin-bottom: 7px; color: #16383b; font-size: .9rem; font-weight: 800; }
.twle-field input, .twle-field select, .twle-field textarea { width: 100%; min-height: 52px; padding: 12px 14px; border: 1px solid #b9cecd; border-radius: 12px; background: #fbfdfc; color: #16383b; font: inherit; }
.twle-field textarea { min-height: 118px; resize: vertical; }
.twle-field input:focus, .twle-field select:focus, .twle-field textarea:focus { outline: 3px solid rgba(22,123,128,.2); border-color: #167b80; }
.twle-privacy { margin: 24px 0; padding: 16px 18px; border-left: 4px solid #167b80; background: #eef8f6; font-size: .92rem; }
.twle-response { margin-top: 14px; font-weight: 700; }
.twle-response.is-error { color: #a12626; }
.twle-success { padding: 25px; border-radius: 18px; background: #eef8f6; }
.twle-success h3 { margin: 0; font-family: Georgia,serif; font-size: 2rem; }
.twle-honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; }
@media (max-width:680px) { .twle-shell { padding: 22px 16px; } .twle-grid { grid-template-columns: 1fr; } .twle-field--wide { grid-column: auto; } .twle-submit { width: 100%; } }