.human-check { width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 1px solid #343946; border-radius: 24px; color: #f5f6f8; background: #171b24; box-shadow: 0 30px 100px #0009; overflow: auto; font-family: inherit; }
.human-check::backdrop { background: #050811c9; backdrop-filter: blur(7px); }
.human-check__body { padding: 24px 30px 26px; }
.human-check__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.human-check__eyebrow { color: #919dad; font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.human-check__close { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: #acb4c2; font: 25px/1 sans-serif; cursor: pointer; }
.human-check__icon { display: grid; place-items: center; width: 58px; height: 62px; margin: 3px 0 16px; border: 1px solid #475568; border-radius: 18px; color: #b9d4f5; background: linear-gradient(145deg,#2c394c,#202a39); }
.human-check__icon svg { width: 30px; height: 34px; }
.human-check h2 { font-size: 25px; line-height: 1.4; letter-spacing: -.04em; margin: 0 0 10px; font-weight: 700; }
.human-check #human-check-description { color: #b7c0ce; font-size: 13px; line-height: 1.85; letter-spacing: -.02em; margin: 0 0 22px; }
.human-check__image-wrap { display: grid; place-items: center; overflow: hidden; height: 116px; border-radius: 12px; background: #f0f2f6; }
.human-check__image { display: block; width: 100%; height: 116px; object-fit: contain; user-select: none; }
.human-check__image[hidden], .human-check__loading[hidden], .human-check__error[hidden] { display: none; }
.human-check__loading { padding: 15px; color: #5b6574; text-align: center; font-size: 13px; }
.human-check__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0 20px; font-size: 11px; }
.human-check__timer { color: #a8b4c4; font-variant-numeric: tabular-nums; }
.human-check__refresh { padding: 4px 0; border: 0; color: #d4dce8; background: none; font: inherit; cursor: pointer; }
.human-check__refresh:disabled { opacity: .55; cursor: wait; }
.human-check__label { display: block; color: #e1e6ef; font-size: 12px; font-weight: 600; margin-bottom: 9px; }
.human-check__input { display: block; box-sizing: border-box; width: 100%; height: 52px; padding: 0 15px; color: #f7f9fc; border: 1px solid #485367; border-radius: 10px; background: #10151e; font-family: inherit; font-size: 20px; font-weight: 600; line-height: 1.4; text-transform: uppercase; letter-spacing: .18em; }
.human-check__input::placeholder { font-size: 13px; letter-spacing: 0; font-weight: 400; color: #8390a2; }
.human-check__input:focus { outline: 2px solid #9dc7fb; outline-offset: 2px; border-color: transparent; }
.human-check__input[aria-invalid="true"] { border-color: #ee8080; }
.human-check__help { margin: 8px 0 0; color: #8d9aac; font-size: 11px; line-height: 1.6; }
.human-check__error { margin: 12px 0 0; color: #ffa4a4; font-size: 12px; line-height: 1.7; }
.human-check__submit { display: block; width: 100%; height: 50px; margin-top: 23px; padding: 0 12px; border: 1px solid #cbdcee; border-radius: 10px; background: #deebfa; color: #172439; font-family: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.human-check__submit:hover:not(:disabled) { background: #eff6ff; }
.human-check__submit:disabled { opacity: .42; cursor: default; }
.human-check__foot { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 17px; color: #8d9aac; font-size: 10px; line-height: 1.6; }
.human-check__foot span { color: #82ae9b; font-size: 6px; }
.human-check button:focus-visible { outline: 2px solid #9dc7fb; outline-offset: 3px; }
@media (max-width: 420px) { .human-check__body { padding: 20px 22px 24px; } .human-check__icon svg { width: 30px; height: 34px; }
.human-check h2 { font-size: 23px; } .human-check #human-check-description { font-size: 12px; } .human-check__foot { font-size: 9px; } }