/* ===========================================================================
   HCGL Online — Default.aspx form styling (agent login, forgot password,
   quick-contact enquiry). Built on style.css. Presentation only: the ASP.NET
   server controls keep their exact IDs/attributes; this only makes them read
   as native hcgl-light .f / .f__box fields and buttons.
   =========================================================================== */

/* login card sits in the hero grid on the right */
.login .login__title{font-family:var(--ff-display);font-size:18px;font-weight:600;letter-spacing:-.02em}

/* server inputs inside .f__box already inherit style.css field styling.
   The forgot-password asp:TextBox renders a bare <input class="input ...">, so
   normalise any stray .input to the field look too. */
.login .input, .login textarea{width:100%}
.login .f__box .input{height:100%;background:none;border:0;outline:none;
  font-size:15px;color:var(--ink);padding:0}

/* password eye toggle */
.login .f__eye{color:var(--faint);display:grid;place-items:center;padding:4px;background:none;border:0;cursor:pointer}
.login .f__eye:hover{color:var(--slate)}

/* keep-signed-in row + forgot link */
.login .row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 16px}
.login .check{display:inline-flex;align-items:center;gap:8px;font-size:12.8px;color:var(--body);cursor:pointer}
.login .check input{width:15px;height:15px;accent-color:var(--gold)}
.login .link-q{color:var(--amber);font-weight:600;font-size:12.6px;cursor:pointer}
.login .link-q:hover{text-decoration:underline}

/* captcha row */
.login .Captcha-container{margin:2px 0 10px}
.login .captchalogin,.login .Captcha-container .field__wrap{display:flex;align-items:center;gap:12px}
.login .Captcha-container img{height:47px;width:auto;border:1px solid var(--rule-2);border-radius:10px;background:#fff}
.login .textInputlogin{flex:1;height:47px;padding:0 14px;background:#FBFAF8;border:1px solid var(--rule-2);
  border-radius:10px;font-size:15px;color:var(--ink);outline:none}
.login .textInputlogin:focus{border-color:var(--slate);box-shadow:0 0 0 3px rgba(47,93,98,.14)}

/* submit buttons → ink pill */
.login .reg_btn_dk.primary,.login input.primary[type=submit],.login .bdc_form_submit input,
.login .bdc_form_submit .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;height:50px;border-radius:12px;background:var(--ink)!important;color:#fff!important;
  border:0!important;font-family:var(--ff-display);font-weight:600;font-size:16px;letter-spacing:-.01em;
  cursor:pointer;box-shadow:var(--sh-1);transition:background .25s,box-shadow .25s}
.login .reg_btn_dk.primary:hover,.login .bdc_form_submit input:hover{background:#000!important;box-shadow:var(--sh-2)}
.login .btn.disabled{opacity:.6;cursor:default}

/* validation + messages */
.login .valsummary{margin:0 0 14px;padding:11px 14px;background:rgba(192,57,43,.07);
  border:1px solid rgba(192,57,43,.28);border-radius:10px;color:#B03A2E;font-size:12.8px}
.login .valsummary ul{margin:0;padding-left:16px}
.login [id$=ltrloginmessage],.login [id$=lblmsg]{display:block;color:#B03A2E;font-size:13px;margin:6px 0}

.login .field__label{display:block;font-size:12.6px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.login .et_loginform_box .logintitle{font-family:var(--ff-display);font-size:16px;font-weight:600;margin:0 0 10px}
.login .et-rmbox .forgotpass a{display:inline-flex;align-items:center;gap:6px;color:var(--amber);font-weight:600;font-size:13px;cursor:pointer}

/* ---- quick-contact enquiry section ---- */
.quickform{max-width:820px;margin-inline:auto;background:var(--white);border:1px solid var(--rule);
  border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:clamp(24px,3vw,36px)}
.quickform .f-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quickform .f-grid .f-full{grid-column:1 / -1}
@media(max-width:560px){.quickform .f-grid{grid-template-columns:1fr}}
.quickform .field__label{display:block;font-size:12.6px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.quickform .input,.quickform .textarea{width:100%;padding:0 14px;height:47px;background:var(--white);
  border:1px solid var(--rule-2);border-radius:10px;font-size:15px;color:var(--ink);outline:none;
  font-family:inherit;transition:border-color .25s,box-shadow .25s}
.quickform .textarea{height:auto;padding:11px 14px;line-height:1.55;resize:vertical}
.quickform .input:focus,.quickform .textarea:focus{border-color:var(--slate);box-shadow:0 0 0 3px rgba(47,93,98,.14)}
.quickform .reg_btn_dk.primary{display:inline-flex;align-items:center;justify-content:center;width:100%;
  height:50px;border-radius:12px;background:var(--ink);color:#fff;border:0;font-family:var(--ff-display);
  font-weight:600;font-size:16px;cursor:pointer;box-shadow:var(--sh-1)}
.quickform .reg_btn_dk.primary:hover{background:#000}
.quickform [id$=lblmsgquery]{display:block;color:var(--slate);font-size:13px;margin-bottom:8px}