/* FidelizaHQ Login UI v1.0.3 — presentation only, intentionally independent of auth logic. */
.hq-auth-body{margin:0;background:#fff;color:#22262b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
.hq-auth-body *, .hq-auth-body *::before, .hq-auth-body *::after{box-sizing:border-box}
.hq-auth-layout{display:grid;grid-template-columns:minmax(430px,.94fr) minmax(460px,1.06fr);min-height:100vh;min-height:100svh}
.hq-auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100vh;min-height:100svh;background:#262a30;color:#fff;padding:clamp(36px,5vw,78px) clamp(38px,5.1vw,82px)}
.hq-auth-story::after{content:"HQ";position:absolute;z-index:-1;right:-.1em;bottom:9%;font-weight:850;font-size:clamp(250px,29vw,540px);line-height:.7;letter-spacing:-.13em;color:#fff;opacity:.025;pointer-events:none;user-select:none}
.hq-auth-story-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hq-auth-wordmark{display:flex;align-items:center;gap:12px;white-space:nowrap}
.hq-auth-logo{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;color:#252930;font-weight:850;font-size:26px;line-height:1;letter-spacing:-.09em;padding-right:3px}
.hq-auth-name{font-size:21px;font-weight:750;letter-spacing:-.055em;line-height:1.04}
.hq-auth-name>span{font-weight:480;color:#bec3cb}
.hq-auth-name small{display:block;margin-top:6px;font-weight:650;font-size:9px;letter-spacing:.23em;color:#a9b0ba}
.hq-auth-story-label{color:#adb4be;border:1px solid #444950;border-radius:999px;padding:7px 11px;white-space:nowrap;font-weight:650;font-size:9px;letter-spacing:.095em}
.hq-auth-story-copy{max-width:570px;margin:90px 0 90px}
.hq-auth-overline{display:flex;gap:11px;align-items:center;color:#adb4bd;font-size:10px;letter-spacing:.15em;font-weight:700}
.hq-auth-mark{display:inline-block;width:22px;height:1px;background:#b8bdc6}
.hq-auth-story-copy h2{font-size:clamp(40px,4.7vw,75px);line-height:1.095;letter-spacing:-.074em;font-weight:680;margin:25px 0 25px;max-width:700px}
.hq-auth-story-copy h2 span{color:#aeb5bf}
.hq-auth-story-copy p{font-size:clamp(13px,1.16vw,16px);color:#b5bdc8;line-height:1.8;margin:0;max-width:360px;font-weight:400}
.hq-auth-story-foot{display:flex;flex-direction:column;gap:26px}
.hq-auth-sections{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:27px;border-bottom:1px solid #42474e}
.hq-auth-sections span{font-size:11px;font-weight:570;color:#d3d7df;border:1px solid #515660;border-radius:999px;padding:8px 13px}
.hq-auth-copyright{color:#8f97a3;font-size:11px;font-weight:500;letter-spacing:.02em}
.hq-auth-copyright span{padding:0 5px}
.hq-auth-access{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-width:0;min-height:100vh;min-height:100svh;padding:clamp(30px,4.2vw,64px) clamp(28px,5.7vw,98px);background:#fff}
.hq-auth-access-top{display:flex;align-items:center;justify-content:flex-end;min-height:44px}
.hq-auth-access-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#818792;font-weight:570}
.hq-auth-label-dot{height:7px;width:7px;border-radius:50%;background:#798f7f}
.hq-auth-mobile-brand{display:none}
.hq-auth-panel{width:min(100%,425px);margin:36px auto 46px}
.hq-auth-eyebrow{display:flex;align-items:center;gap:12px;color:#7e8690;font-size:10px;font-weight:760;letter-spacing:.14em}
.hq-auth-eyebrow-line{width:24px;height:1px;background:#c9cdd3}
.hq-auth-panel h1{font-size:clamp(36px,3.45vw,52px);letter-spacing:-.065em;line-height:1.11;font-weight:710;margin:24px 0 14px;color:#22262c}
.hq-auth-period{color:#9a9fa8}
.hq-auth-intro{color:#79808b;font-size:13px;line-height:1.7;max-width:335px;margin:0 0 37px}
.hq-auth-panel .hq-auth-error{margin:-10px 0 25px;padding:13px 14px;font-size:12px;border-radius:10px}
.hq-auth-form{display:block;margin:0;width:100%}
.hq-auth-form .hq-auth-field{margin-bottom:22px}
.hq-auth-form .hq-auth-field label{display:block;margin:0 0 9px;font-weight:650;font-size:12px;color:#383f48}
.hq-auth-form .hq-auth-field input{width:100%;height:50px;min-height:50px;padding:0 15px;border:1px solid #d8dce1;border-radius:10px;background:#fbfcfd;font-size:13px;color:#292e36;box-shadow:none;transition:border-color .18s,background-color .18s}
.hq-auth-form .hq-auth-field input::placeholder{color:#a5abb3}
.hq-auth-form .hq-auth-field input:hover{border-color:#b9bfc7;background:#fff}
.hq-auth-form .hq-auth-field input:focus{outline:3px solid #e7eaef;outline-offset:0;border-color:#6c7582;background:#fff}
.hq-auth-field-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hq-auth-form .hq-auth-field-head label{margin-bottom:9px}
.hq-auth-recover{margin-top:0;color:#737b87;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
.hq-auth-recover:hover{text-decoration:underline;color:#2c323a}
.hq-auth-recover:focus-visible{outline:3px solid #adb5c0;outline-offset:4px;border-radius:2px}
.hq-auth-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:51px;border:1px solid #252930;background:#252930;color:#fff;border-radius:10px;padding:0 18px 0 19px;font-size:13px;font-weight:700;letter-spacing:-.01em;transition:background-color .18s,border-color .18s}
.hq-auth-submit:hover{background:#3b4149;border-color:#3b4149}
.hq-auth-submit:active{background:#1d2228;border-color:#1d2228}
.hq-auth-submit:focus-visible{outline:3px solid #abb7ca;outline-offset:3px}
.hq-auth-submit .icon{height:19px;width:19px;transition:transform .18s}
.hq-auth-submit:hover .icon{transform:translateX(3px)}
.hq-auth-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:11px;color:#949ba4;text-align:center}
.hq-auth-security .icon{height:13px;width:13px;color:#949ba4}
.hq-auth-access-foot{display:flex;gap:16px;align-items:center;justify-content:space-between;width:100%;max-width:540px;margin:0 auto;color:#9da3ac;font-size:10px;line-height:1.5}
.hq-auth-foot-sep{padding:0 4px}
@media(max-width:1130px){.hq-auth-story{padding-left:36px;padding-right:36px}.hq-auth-story-label{display:none}.hq-auth-access{padding-left:36px;padding-right:36px}}
@media(max-width:900px){.hq-auth-layout{display:block}.hq-auth-story{display:none}.hq-auth-access{padding:24px clamp(24px,7vw,54px);min-height:100svh}.hq-auth-mobile-brand{display:flex;gap:10px;align-items:center}.hq-auth-access-top{justify-content:space-between}.hq-auth-mobile-brand .hq-auth-logo{height:36px;width:36px;border-radius:10px;color:#fff;background:#262a30;font-size:22px}.hq-auth-mobile-brand strong{font-size:17px;letter-spacing:-.05em}.hq-auth-mobile-brand strong span{font-weight:500;color:#8b929d}.hq-auth-panel{margin:30px auto;max-width:440px}.hq-auth-access-label{font-size:10px}.hq-auth-panel h1{font-size:clamp(38px,7vw,48px)}.hq-auth-access-foot{max-width:440px}}
@media(max-width:490px){.hq-auth-access{padding:26px 24px 21px}.hq-auth-access-top{align-items:center;gap:9px}.hq-auth-access-label{font-size:10px}.hq-auth-panel{margin:44px auto}.hq-auth-eyebrow{font-size:9px}.hq-auth-panel h1{font-size:40px;margin-top:19px}.hq-auth-intro{font-size:12px;margin-bottom:32px}.hq-auth-form .hq-auth-field{margin-bottom:19px}.hq-auth-recover{font-size:10.5px}.hq-auth-access-foot{flex-wrap:wrap;gap:6px 12px}.hq-auth-security{font-size:10.5px}}
@media(max-width:350px){.hq-auth-access{padding-left:17px;padding-right:17px}.hq-auth-access-label{display:none}}
@media(prefers-reduced-motion:reduce){.hq-auth-form .hq-auth-field input,.hq-auth-submit,.hq-auth-submit .icon{transition:none}}