:root{color-scheme:light;--hbh-green:#2f6f3e;--hbh-green-dark:#245b32}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.hbh-login{min-height:100vh;min-height:100svh;background:#15251b var(--hbh-login-background,linear-gradient(135deg,#14281b,#315d3d 55%,#122119)) var(--hbh-login-position,center center)/cover no-repeat;color:#18211b;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body.hbh-login::before{content:"";position:fixed;inset:0;background:rgba(5,14,8,var(--hbh-login-overlay,.5));pointer-events:none}
.hbh-login__main{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem)}
.hbh-login__card{width:min(100%,27rem);padding:clamp(1.35rem,4vw,2.4rem);border:1px solid rgba(255,255,255,.35);border-radius:1rem;background:rgba(255,255,255,.96);box-shadow:0 1.5rem 4rem rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.hbh-login__logo{display:block;max-width:12rem;max-height:4.5rem;width:auto;height:auto;margin:0 auto 1rem}.hbh-login__identity{text-align:center;color:var(--hbh-green-dark);font-size:1.05rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.hbh-login h1{margin:.55rem 0 1.2rem;text-align:center;font-size:clamp(1.65rem,5vw,2.15rem);line-height:1.15}.hbh-login__subtitle{text-align:center;color:#47534a;line-height:1.5}.hbh-login__form{display:grid;gap:.55rem}.hbh-login label{font-weight:650;margin-top:.35rem}
.hbh-login input[type=text],.hbh-login input[type=password]{width:100%;min-height:3rem;padding:.7rem .8rem;border:1px solid #aab5ad;border-radius:.45rem;background:#fff;color:#152019;font:inherit}.hbh-login__password{position:relative}.hbh-login__password input{padding-right:5.5rem}.hbh-login__visibility{position:absolute;right:.35rem;top:50%;translate:0 -50%;border:0;background:transparent;color:var(--hbh-green-dark);font:inherit;font-weight:700;padding:.45rem;cursor:pointer}.hbh-login__remember{display:flex;align-items:center;gap:.45rem;font-weight:500}.hbh-login__remember input{inline-size:1.15rem;block-size:1.15rem}
.hbh-login__submit{min-height:3rem;margin-top:.55rem;border:1px solid var(--hbh-green);border-radius:.45rem;background:var(--hbh-green);color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:background .15s,transform .05s}.hbh-login__submit:hover{background:var(--hbh-green-dark)}.hbh-login__submit:active{transform:translateY(1px)}
.hbh-login :focus-visible{outline:3px solid #76bb88;outline-offset:2px}.hbh-login__link{display:block;margin-top:1rem;text-align:center;color:var(--hbh-green-dark);font-weight:650}.hbh-login__error,.hbh-login__notice{margin:0 0 1rem;padding:.8rem;border-radius:.45rem;line-height:1.4}.hbh-login__error{border:1px solid #b32d2e;background:#fbe9e9;color:#6f1718}.hbh-login__notice{border:1px solid #528762;background:#e7f4ea;color:#174b25}
@media(max-width:480px){.hbh-login__main{align-items:center;padding:.75rem}.hbh-login__card{border-radius:.75rem;padding:1.25rem}.hbh-login input[type=text],.hbh-login input[type=password],.hbh-login__submit{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.hbh-login__submit{transition:none}}