/* Harthwyn 26.01.138 — approved Family Hub visual authority. */
.harthwyn-family-hub-login{
  --hw-hub-reference-accent:#b5793b;
  --hw-hub-accent:var(--hw-hub-reference-accent);
  --hw-hub-button:var(--hw-hub-accent);
  --hw-hub-text:#25282c;
  --hw-hub-muted:#5f666d;
  --hw-hub-line:#e8e1d8;
  --hw-hub-soft:#fbfaf8;
  width:100vw;max-width:100vw;min-height:100svh;margin:0 calc(50% - 50vw);
  display:flex;flex-direction:column;overflow-x:clip;background:#fff;color:var(--hw-hub-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.harthwyn-family-hub-login *{box-sizing:border-box}
.harthwyn-family-hub-login__header{height:144px;flex:0 0 144px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--hw-hub-line);padding:18px 24px}
.harthwyn-family-hub-login__header img{display:block;width:min(472px,72vw);height:auto;max-height:108px;object-fit:contain}
.harthwyn-family-hub-login__main{width:min(1316px,calc(100% - 80px));margin:0 auto;min-height:820px;padding:57px 0 46px;display:grid;grid-template-columns:minmax(0,622px) minmax(0,530px);justify-content:center;align-items:start;gap:59px}
.harthwyn-family-hub-login__intro{min-width:0;min-height:716px;border:1px solid #e6ddd2;border-radius:18px;background:#fff;padding:62px 51px 45px;text-align:center;display:flex;flex-direction:column;align-items:center}
.harthwyn-family-hub-login__tree{width:72px;height:72px;color:var(--hw-hub-accent);margin:0 auto 25px;flex:0 0 auto}
.harthwyn-family-hub-login__intro h1{margin:0!important;max-width:520px;color:#22252a!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,4.25vw,4.5rem);font-weight:400;line-height:1.08;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
.harthwyn-family-hub-login__rule{display:block;width:100px;height:3px;margin:25px auto 25px;background:var(--hw-hub-accent);border-radius:99px}
.harthwyn-family-hub-login__lead{margin:0 auto 34px!important;max-width:500px;color:#555d64!important;font-size:1.05rem;line-height:1.65;text-wrap:pretty}
.harthwyn-family-hub-login__features{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #eee7df;border-bottom:1px solid #eee7df;margin-top:auto}
.harthwyn-family-hub-login__features span{min-width:0;padding:21px 7px 18px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#454b51;font-size:.86rem;line-height:1.2;border-right:1px solid #eee7df}
.harthwyn-family-hub-login__features span:last-child{border-right:0}
.harthwyn-family-hub-login__features svg{width:26px;height:26px;fill:none;stroke:var(--hw-hub-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.harthwyn-family-hub-login__privacy{width:100%;margin-top:27px;padding:20px 24px;border:1px solid #e7e0d7;border-radius:11px;background:#fff;text-align:center}
.harthwyn-family-hub-login__privacy strong{display:block;margin-bottom:7px;color:#2b2f34;font-family:Georgia,"Times New Roman",serif;font-size:1.13rem;font-weight:600}
.harthwyn-family-hub-login__privacy span{display:block;color:#626970;font-size:.89rem;line-height:1.5}
.harthwyn-family-hub-login__access{position:relative;min-width:0;min-height:666px;margin-top:15px;padding:93px 62px 34px;border:1px solid #e3d8cb;border-radius:20px;background:#fff;box-shadow:0 14px 35px rgba(50,42,33,.07);text-align:center}
.harthwyn-family-hub-login__badge{position:absolute;z-index:2;top:-47px;left:50%;transform:translateX(-50%);width:255px;min-height:96px;padding:13px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fff;border:2px solid var(--hw-hub-accent);border-radius:9px;color:var(--hw-hub-accent)}
.harthwyn-family-hub-login__badge span{display:grid;place-items:center;width:34px;height:34px}
.harthwyn-family-hub-login__badge svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.harthwyn-family-hub-login__badge strong{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:600;letter-spacing:.01em}
.harthwyn-family-hub-login__access h2{margin:0 0 8px!important;color:#25282c!important;font-family:Georgia,"Times New Roman",serif;font-size:2.45rem;font-weight:400;line-height:1.12;letter-spacing:-.025em}
.harthwyn-family-hub-login__access>p:not(.harthwyn-family-hub-login__security){margin:0 0 30px!important;color:#60676e!important;font-size:1rem;line-height:1.5}
.harthwyn-family-hub-login__form{display:grid;gap:17px;text-align:left}
.harthwyn-family-hub-login__form label{display:grid;gap:8px;color:#30353a;font-size:.94rem;font-weight:650}
.harthwyn-family-hub-login__form input[type=text],.harthwyn-family-hub-login__form input[type=password]{appearance:none;width:100%;height:51px;padding:0 15px;border:1px solid #d5d8dc;border-radius:6px;background:#fff;color:#25282c;font:500 1rem/1.2 Inter,ui-sans-serif,sans-serif;box-shadow:none}
.harthwyn-family-hub-login__form input:focus{border-color:var(--hw-hub-accent);outline:3px solid color-mix(in srgb,var(--hw-hub-accent) 20%,transparent);outline-offset:1px}
.harthwyn-family-hub-login__form-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:-1px;font-size:.91rem}
.harthwyn-family-hub-login__remember{display:flex!important;grid-auto-flow:column;align-items:center;justify-content:start;gap:8px!important;font-weight:500!important}
.harthwyn-family-hub-login__remember input{width:16px;height:16px;margin:0;accent-color:var(--hw-hub-accent)}
.harthwyn-family-hub-login__form-row a,.harthwyn-family-hub-login__text-link{color:#34393e;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.harthwyn-family-hub-login__primary,.harthwyn-family-hub-login__secondary{width:100%;min-height:52px;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
button.harthwyn-family-hub-login__primary{border:1px solid var(--hw-hub-button);font:750 1rem/1 Inter,ui-sans-serif,sans-serif}
.harthwyn-family-hub-login__primary{background:var(--hw-hub-button);border:1px solid var(--hw-hub-button);color:#fff!important;box-shadow:0 5px 12px rgba(181,121,59,.19)}
.harthwyn-family-hub-login__secondary{background:#fff;border:1px solid var(--hw-hub-accent);color:#9b642f!important}
.harthwyn-family-hub-login__primary:hover,.harthwyn-family-hub-login__secondary:hover{filter:brightness(.97);transform:translateY(-1px)}
.harthwyn-family-hub-login__or{display:flex;align-items:center;gap:14px;color:#6d7277;font-size:.9rem}
.harthwyn-family-hub-login__or::before,.harthwyn-family-hub-login__or::after{content:"";height:1px;background:#e3ddd5;flex:1}
.harthwyn-family-hub-login__security{margin:26px 0 0!important;padding-top:22px;border-top:1px solid #eee8df;color:#596169!important;font-size:.84rem;line-height:1.55}
.harthwyn-family-hub-login .harthwyn-auth-notice{margin:0 0 18px;padding:12px 14px;border-radius:8px;text-align:left}.harthwyn-family-hub-login .harthwyn-auth-notice p{margin:0}
.harthwyn-family-hub-login__actions{display:grid;gap:14px}
.harthwyn-family-hub-login__footer{min-height:122px;background:#fff;border-top:1px solid var(--hw-hub-line);display:grid;grid-template-columns:270px 1fr 270px;align-items:center;gap:28px;padding:24px clamp(40px,6vw,92px)}
.harthwyn-family-hub-login__footer img{display:block;width:245px;height:auto;max-height:65px;object-fit:contain;object-position:left center}
.harthwyn-family-hub-login__footer nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px 28px}
.harthwyn-family-hub-login__footer a{color:#30363b;text-decoration:none;font-size:.84rem;font-weight:650}
.harthwyn-family-hub-login__footer small{justify-self:end;color:#74797e;font-size:.76rem;white-space:nowrap}

/* Interchangeable public-safe hero media uses the same approved left-panel geometry. */
.harthwyn-family-hub-login__intro--image,.harthwyn-family-hub-login__intro--slider,.harthwyn-family-hub-login__intro--video{padding:0;overflow:hidden;text-align:left}
.harthwyn-family-hub-login__media,.harthwyn-family-hub-login__slider{position:relative;margin:0;width:100%;height:100%;min-height:714px;background:#f4f1ec;overflow:hidden;border-radius:17px}
.harthwyn-family-hub-login__media img,.harthwyn-family-hub-login__media video{display:block;width:100%;height:100%;min-height:714px;object-fit:cover;background:#f4f1ec}
.harthwyn-family-hub-login__media--video video{object-fit:contain}
.harthwyn-family-hub-login__slides{position:relative;min-height:714px}
.harthwyn-family-hub-login__slide{position:absolute;inset:0;opacity:0;visibility:hidden;display:grid;align-items:end;transition:opacity .35s ease}
.harthwyn-family-hub-login__slide.is-active{opacity:1;visibility:visible;z-index:1}
.harthwyn-family-hub-login__slide[aria-hidden="true"]{pointer-events:none}
.harthwyn-family-hub-login__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.harthwyn-family-hub-login__slide-copy{position:relative;z-index:2;margin:0;padding:48px 38px 88px;background:linear-gradient(180deg,transparent,rgba(20,24,28,.78));color:#fff}
.harthwyn-family-hub-login__slide-copy h2{margin:0 0 8px!important;color:#fff!important;font:600 clamp(1.8rem,3vw,3rem)/1.05 Georgia,"Times New Roman",serif}
.harthwyn-family-hub-login__slide-copy p{margin:0!important;max-width:48ch;line-height:1.55}
.harthwyn-family-hub-login__slider-controls{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.harthwyn-family-hub-login__slider-controls button{pointer-events:auto;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.95);color:#25282c;min-width:44px;min-height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;cursor:pointer}
.harthwyn-family-hub-login__slider-dots{display:flex;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(24,28,32,.45)}
.harthwyn-family-hub-login__slider-dots button{min-width:10px;min-height:10px;width:10px;height:10px;border:0;background:rgba(255,255,255,.55);padding:0}
.harthwyn-family-hub-login__slider-dots button[aria-current="true"]{background:#fff;transform:scale(1.25)}
.harthwyn-family-hub-login__slider{touch-action:pan-y}

.harthwyn-family-hub-login__primary:focus-visible,.harthwyn-family-hub-login__secondary:focus-visible,.harthwyn-family-hub-login__text-link:focus-visible,.harthwyn-family-hub-login__form-row a:focus-visible,.harthwyn-family-hub-login__footer a:focus-visible,.harthwyn-family-hub-login__slider-controls button:focus-visible,.harthwyn-family-hub-login__slider:focus-visible{outline:3px solid color-mix(in srgb,var(--hw-hub-accent) 70%,#000);outline-offset:3px}
.harthwyn-family-hub-login__form input:invalid:not(:placeholder-shown){border-color:#a63b32}

@media(max-width:1260px) and (min-width:981px){
 .harthwyn-family-hub-login__main{width:min(1120px,calc(100% - 48px));grid-template-columns:minmax(0,1.03fr) minmax(400px,.9fr);gap:38px}
 .harthwyn-family-hub-login__intro{padding-inline:38px}
 .harthwyn-family-hub-login__access{padding-inline:46px}
 .harthwyn-family-hub-login__intro h1{font-size:clamp(2.8rem,4.5vw,4.15rem)}
}
@media(max-width:980px){
 .harthwyn-family-hub-login__header{height:116px;flex-basis:116px}.harthwyn-family-hub-login__header img{width:min(430px,78vw);max-height:86px}
 .harthwyn-family-hub-login__main{grid-template-columns:1fr;width:min(720px,calc(100% - 32px));min-height:0;padding:56px 0 64px;gap:84px}
 .harthwyn-family-hub-login__intro{min-height:0;padding:52px 44px 38px}
 .harthwyn-family-hub-login__access{width:min(100%,610px);min-height:0;margin:0 auto;padding:91px 54px 34px}
 .harthwyn-family-hub-login__media,.harthwyn-family-hub-login__slider,.harthwyn-family-hub-login__slides,.harthwyn-family-hub-login__media img,.harthwyn-family-hub-login__media video{min-height:520px}
 .harthwyn-family-hub-login__footer{grid-template-columns:1fr;text-align:center;gap:18px;padding:28px 24px}
 .harthwyn-family-hub-login__footer img{margin:auto;object-position:center}.harthwyn-family-hub-login__footer small{justify-self:center;white-space:normal}
}
@media(max-width:620px){
 .harthwyn-family-hub-login__header{height:96px;flex-basis:96px;padding:12px}.harthwyn-family-hub-login__header img{width:min(350px,88vw);max-height:70px}
 .harthwyn-family-hub-login__main{width:calc(100% - 24px);padding:34px 0 46px;gap:72px}
 .harthwyn-family-hub-login__intro{padding:38px 18px 24px;border-radius:14px}.harthwyn-family-hub-login__tree{width:58px;height:58px;margin-bottom:19px}
 .harthwyn-family-hub-login__intro h1{font-size:clamp(2.25rem,11vw,3.35rem)}.harthwyn-family-hub-login__lead{font-size:.97rem;margin-bottom:26px!important}
 .harthwyn-family-hub-login__features{grid-template-columns:repeat(2,1fr)}.harthwyn-family-hub-login__features span{border-bottom:1px solid #eee7df}.harthwyn-family-hub-login__features span:nth-child(2n){border-right:0}.harthwyn-family-hub-login__features span:last-child{grid-column:1/-1;border-bottom:0}
 .harthwyn-family-hub-login__privacy{padding:18px 14px}
 .harthwyn-family-hub-login__access{padding:78px 18px 25px;border-radius:15px}.harthwyn-family-hub-login__badge{width:210px;min-height:88px;top:-44px}
 .harthwyn-family-hub-login__access h2{font-size:2rem}.harthwyn-family-hub-login__form-row{align-items:flex-start;flex-direction:column;gap:12px}
 .harthwyn-family-hub-login__media,.harthwyn-family-hub-login__slider,.harthwyn-family-hub-login__slides,.harthwyn-family-hub-login__media img,.harthwyn-family-hub-login__media video{min-height:360px}
 .harthwyn-family-hub-login__slide-copy{padding:28px 20px 76px}.harthwyn-family-hub-login__slider-controls{left:12px;right:12px;bottom:12px;gap:10px}.harthwyn-family-hub-login__slider-dots{max-width:calc(100% - 108px);overflow-x:auto}
 .harthwyn-family-hub-login__footer{padding:26px 18px}.harthwyn-family-hub-login__footer img{width:min(230px,75vw)}.harthwyn-family-hub-login__footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px 18px}.harthwyn-family-hub-login__footer a{padding:5px}
}
@media(max-width:390px){.harthwyn-family-hub-login__main{width:calc(100% - 16px)}.harthwyn-family-hub-login__badge{width:190px}.harthwyn-family-hub-login__footer nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.harthwyn-family-hub-login *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.harthwyn-family-hub-login__primary,.harthwyn-family-hub-login__secondary,.harthwyn-family-hub-login__badge,.harthwyn-family-hub-login__features,.harthwyn-family-hub-login__privacy,.harthwyn-family-hub-login__access{forced-color-adjust:auto;border:1px solid CanvasText}.harthwyn-family-hub-login__slider-controls button{border:1px solid ButtonText}}