/* 195 — Login screen · Reset code help (2026-10-06). Pairs with js/195-otac-reset-help.js.
   Masked-email placeholder, "Need help? Contact us" button, failure pop-up buttons. Roll back: remove this file's <link>. */

/* The masked hint lives in the Email placeholder: keep it lower-case (the normal placeholder is forced to CAPITALS) and a touch softer. */
.site-gate-card input.gate-caps.has-hint::placeholder{text-transform:none;letter-spacing:.6px;font-size:13px;font-weight:400;color:rgba(255,255,255,.5);}
.grq-tip{display:flex;align-items:center;gap:6px;margin:6px 4px 0;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.62);}
.grq-tip svg{flex:0 0 auto;width:13px;height:13px;color:var(--gold-400,#D9B27F);}
/* never stack the tip on top of the field's own error, and drop it once the broker has started typing the email */
.grq-field.is-need .grq-tip{display:none;}
.site-gate-card input.gate-caps.has-hint:not(:placeholder-shown) ~ .grq-tip{display:none;}

/* Contact us — quiet outline button under the progress counter */
.grq-help{display:flex;justify-content:center;margin-top:10px;}
.grq-help button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;font:inherit;font-size:13px;font-weight:600;color:var(--gold-400,#D9B27F);background:transparent;border:1px solid rgba(206,165,119,.38);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;}
.grq-help button svg{width:16px;height:16px;}
.grq-help button:hover{background:rgba(206,165,119,.1);border-color:rgba(206,165,119,.6);}
.grq-help button:active{transform:scale(.98);}
.grq-help button:focus-visible{outline:2px solid #CEA577;outline-offset:2px;}

/* Failure pop-up */
.otrf-act{flex-direction:column-reverse;}
.otrf-act:not(.is-strong){flex-direction:row;}
.otrf-new{display:inline-block;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.62);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.otrf-new:hover{color:#fff;}
.otrf-new:focus-visible{outline:2px solid #CEA577;outline-offset:3px;border-radius:4px;}
@media(prefers-reduced-motion:reduce){.grq-help button{transition:none;}}