/* GRIDTEK Verify — the human check box on sign-in pages */
.gt-hc { --hc-ink: #0a2341; --hc-rule: rgba(10, 35, 65, .16); --hc-bg: rgba(10, 35, 65, .03); --hc-ok: #15803d; --hc-accent: #2563eb;
  position: relative; display: flex; align-items: center; gap: 12px; min-height: 56px; margin: 4px 0 14px; padding: 10px 14px;
  border: 1px solid var(--hc-rule); background: var(--hc-bg); color: var(--hc-ink); font-size: 14px; line-height: 1.3; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .gt-hc { --hc-ink: #e6edf5; --hc-rule: rgba(230, 237, 245, .18); --hc-bg: rgba(230, 237, 245, .04); --hc-ok: #4ade80; --hc-accent: #60a5fa; } }
:root[data-theme="dark"] .gt-hc { --hc-ink: #e6edf5; --hc-rule: rgba(230, 237, 245, .18); --hc-bg: rgba(230, 237, 245, .04); --hc-ok: #4ade80; --hc-accent: #60a5fa; }
.gt-hc-box { position: relative; flex: none; display: grid; place-items: center; width: 26px; height: 26px; border: 2px solid var(--hc-rule); background: transparent; transition: border-color .2s ease, background-color .2s ease; }
.gt-hc-spin { width: 14px; height: 14px; border: 2px solid var(--hc-rule); border-top-color: var(--hc-accent); border-radius: 50%; opacity: 0; }
.gt-hc.is-working .gt-hc-spin { opacity: 1; animation: gt-hc-spin .8s linear infinite; }
.gt-hc-tick { position: absolute; color: #fff; opacity: 0; transform: scale(.6); transition: opacity .2s ease, transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.gt-hc.is-done .gt-hc-box { border-color: var(--hc-ok); background: var(--hc-ok); }
.gt-hc.is-done .gt-hc-spin { opacity: 0; animation: none; }
.gt-hc.is-done .gt-hc-tick { opacity: 1; transform: none; }
.gt-hc-text { flex: 1; min-width: 0; }
.gt-hc.is-done .gt-hc-text { font-weight: 600; }
.gt-hc-brand { flex: none; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; opacity: .6; }
.gt-hc-brand b { font-weight: 700; }
.gt-hc-nojs { position: absolute; inset: 0; display: flex; align-items: center; padding: 0 14px; background: #fef2f2; color: #991b1b; font-weight: 600; }
.gt-hc-trap { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@keyframes gt-hc-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .gt-hc.is-working .gt-hc-spin { animation-duration: 2.4s; } .gt-hc-tick { transition: none; } }
@media (max-width: 380px) { .gt-hc-brand { display: none; } }