.hap-agent-page{padding:clamp(28px,5vw,80px) 20px;background:#f4f3ed;font-family:Roboto,Arial,sans-serif;color:#173c3e}
.hap-agent-shell{max-width:1080px;min-height:620px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(17,63,64,.13)}
.hap-agent-intro{padding:52px clamp(32px,5vw,64px);background:linear-gradient(145deg,#11585c 0%,#124448 62%,#15373a 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden}
.hap-agent-intro:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:460px;height:460px;right:-185px;bottom:-175px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.025)}
.hap-agent-logo{width:220px;height:auto;max-width:100%;object-fit:contain;object-position:left}
.hap-agent-eyebrow,.hap-agent-kicker{display:block;color:#c39445;font-size:12px;font-weight:700;letter-spacing:.19em}
.hap-agent-intro h1{color:#fff;font-family:Lora,Georgia,serif;font-size:clamp(34px,3.5vw,48px);line-height:1.18;margin:22px 0 18px}
.hap-agent-intro p{max-width:390px;margin:0;color:#e4eeee;font-size:17px;line-height:1.65}
.hap-agent-intro-foot{font-size:12px;letter-spacing:.18em;color:#d8e7e6}
.hap-agent-card{background:#fff;padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:center}
.hap-agent-card h2{font-family:Lora,Georgia,serif;color:#173c3e;font-size:clamp(28px,3vw,38px);margin:16px 0 8px;line-height:1.2}
.hap-agent-lead{color:#5a6868;font-size:16px;line-height:1.55;margin:0 0 32px}
.hap-agent-form{display:flex;flex-direction:column}
.hap-agent-form>label{font-weight:700;font-size:14px;margin:0 0 9px;color:#234446}
.hap-agent-form>input{width:100%;height:48px;border:1px solid #cdd9d7;border-radius:8px;background:#fff;padding:0 14px;margin:0 0 22px;color:#173c3e;font-size:16px;box-shadow:none}
.hap-agent-form>input:focus{outline:2px solid #c39445;outline-offset:2px;border-color:#c39445}
.hap-agent-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 27px;font-size:14px}
.hap-agent-remember{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 4px;margin:0;color:#4c5e5e;cursor:pointer}
.hap-agent-remember input{-webkit-appearance:checkbox!important;appearance:checkbox!important;display:block!important;position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip:auto!important;clip-path:none!important;transform:none!important;flex:0 0 20px;width:20px!important;height:20px!important;min-width:20px;margin:0!important;accent-color:#11585c;cursor:pointer}
.hap-agent-remember input:focus-visible{outline:2px solid #c39445;outline-offset:3px}
.hap-agent-form-row a,.hap-agent-note a,.hap-agent-quicklinks a{color:#11585c;text-decoration:underline;text-underline-offset:3px}
.hap-agent-primary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;border:0;border-radius:8px;padding:12px 20px;background:#11585c;color:#fff!important;font-size:15px;font-weight:700;text-decoration:none!important;cursor:pointer;transition:background .2s,transform .2s}
.hap-agent-primary:hover,.hap-agent-primary:focus{background:#0d4245;color:#fff;transform:translateY(-1px)}
.hap-agent-actions{display:grid;gap:12px}
.hap-agent-secondary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 19px;border:1px solid #cdd9d7;border-radius:8px;color:#11585c!important;font-weight:700;text-decoration:none!important}
.hap-agent-secondary:hover{background:#eef5f3}
.hap-agent-note{margin:26px 0 0;color:#687878;font-size:14px;line-height:1.5}
.hap-agent-quicklinks{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:14px}
.hap-agent-error{border-left:4px solid #ad4a42;background:#fff2ef;color:#81352f;padding:12px 14px;margin:0 0 20px;font-size:14px}
@media(max-width:800px){.hap-agent-shell{grid-template-columns:1fr;min-height:0}.hap-agent-intro{min-height:260px;padding:30px;gap:32px}.hap-agent-logo{width:180px}.hap-agent-intro h1{font-size:31px;margin:12px 0}.hap-agent-intro p{font-size:15px}.hap-agent-intro-foot{display:none}.hap-agent-card{padding:36px 30px}}
@media(max-width:480px){.hap-agent-page{padding:20px 12px}.hap-agent-shell{border-radius:14px}.hap-agent-intro{min-height:225px;padding:26px}.hap-agent-intro h1{font-size:27px}.hap-agent-card{padding:30px 24px}.hap-agent-form-row{align-items:flex-start}}
.hap-agent-standalone{margin:0;background:#fff}
.hap-agent-standalone .hap-agent-page{padding:0;min-height:100vh;min-height:100svh;display:flex}
.hap-agent-standalone .hap-agent-shell{width:100%;max-width:none;min-height:100vh;min-height:100svh;border-radius:0;box-shadow:none}
.hap-agent-standalone .hap-agent-intro{padding:clamp(36px,7vw,110px)}
.hap-agent-standalone .hap-agent-card{padding:clamp(36px,7vw,110px)}
.hap-agent-standalone .hap-agent-card>*{width:100%;max-width:480px;margin-left:auto;margin-right:auto}
@media(max-width:800px){.hap-agent-standalone .hap-agent-intro{padding:30px;min-height:240px}.hap-agent-standalone .hap-agent-card{padding:36px 30px}}
@media(max-width:480px){.hap-agent-standalone .hap-agent-intro{padding:26px;min-height:225px}.hap-agent-standalone .hap-agent-card{padding:30px 24px}}