/* Shared local CAPTCHA appearance for the PHP forms and design preview. */
.captcha-field {min-width:0; grid-column:1 / -1;}
.support-captcha {max-width:520px; margin:16px auto; white-space:normal; text-align:left;}
.captcha-field > label {display:block; margin-bottom:10px; font:600 13px/1.5 var(--sans, sans-serif); color:#d6dfe6;}
.captcha-panel {padding:16px; border:1px solid #35424c; background:linear-gradient(135deg,#18232b88,#0f171e); border-radius:5px;}
.captcha-entry {display:flex; flex-wrap:wrap; align-items:center; gap:16px; min-width:0;}
.captcha-challenge {display:flex; align-items:center; gap:8px; padding:0; flex:0 0 auto; min-width:0; max-width:100%;}
.captcha-challenge .captcha,.captcha-challenge [data-captcha-demo] {display:block; padding:0; border:0; background:transparent; min-width:0; width:208px; flex:0 1 208px;}
.captcha-challenge img {display:block; width:100%; height:auto; max-width:208px!important; border:1px solid #3d4a50; border-radius:3px; object-fit:contain;}
.captcha-challenge a {display:block; border-radius:3px;}
.captcha-refresh {display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #52616a; border-radius:3px; color:#d4c099; background:#17222b; cursor:pointer; transition:color .2s,border-color .2s,background .2s;}
.captcha-refresh svg {width:19px; height:19px;}
.captcha-refresh:hover {color:#f0d8a7; border-color:#bba173; background:#263037;}
.captcha-refresh:disabled {opacity:.6; cursor:wait;}
.captcha-refresh:focus-visible,.captcha-challenge a:focus-visible {outline:2px solid #d6bc8a; outline-offset:3px;}
.captcha-answer {display:block; flex:1 1 150px; min-width:120px;}
.captcha-answer input {width:100%; min-height:48px; margin:0; font-size:16px; letter-spacing:.11em; text-transform:uppercase;}
.captcha-answer input::placeholder {letter-spacing:0; text-transform:none; font-size:13px; color:#9aaab5; opacity:1;}
.captcha-hint {display:block; margin-top:12px; font:400 12px/1.6 var(--sans,sans-serif); color:#a8b7c2;}
.captcha-feedback:empty {display:none;}
.captcha-feedback {display:block; margin-top:7px; font:400 12px/1.6 var(--sans,sans-serif); color:#d5c198;}
.captcha-feedback[data-error=true] {color:#efa899;}
.captcha-challenge small {display:none;}
.captcha-field[data-captcha-loading=true] .captcha-challenge img {opacity:.55;}
@media(max-width:650px) {
  .captcha-entry {flex-wrap:wrap; gap:12px;}
  .captcha-answer {flex-basis:100%; min-width:0;}
  .captcha-panel {padding:13px;}
}
@media(max-width:360px) {
  .captcha-challenge {gap:6px;}
  .captcha-challenge .captcha,.captcha-challenge [data-captcha-demo] {width:184px; flex-basis:184px;}
  .captcha-challenge img {max-width:184px!important;}
}
@media(prefers-reduced-motion:reduce) {.captcha-refresh {transition:none;}}