:root{--auth-ink:#26384e;--auth-muted:#56677e;--auth-blue:#1764c6;--auth-line:#d0dceb}html,body{margin:0;min-height:100%;background:#f9fcff}.auth-page{box-sizing:border-box;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--auth-ink);background:#f9fcff}.auth-canvas{box-sizing:border-box;width:100%;flex:1 0 auto;min-height:770px;background:linear-gradient(155deg,#fff 13%,#f7fcff 70%,#eff9fd 100%);position:relative;overflow:hidden}.auth-canvas::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:174px;background:url('/images/auth-neighbourhood.svg') center bottom/cover no-repeat;pointer-events:none}.auth-header{max-width:1380px;margin:auto;min-height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:31px 48px 0;position:relative;z-index:1;box-sizing:border-box}.barnet-logo{width:max-content;color:#194b91;font-size:43px;line-height:.72;font-weight:800;letter-spacing:-2.8px;padding-top:9px}.barnet-logo span{display:block}.auth-nav{display:flex;gap:13px;align-items:center;white-space:nowrap;padding-top:12px;font-size:15px;color:#4b5b73}.auth-nav span:first-child{color:#194b91;border-bottom:3px solid #00b5b5;padding-bottom:11px}.auth-nav .auth-separator{color:#c7d1df;font-weight:300}.auth-strapline{justify-self:end;border-left:1px solid #cdd9e7;padding-left:18px;font-size:16px;line-height:1.06;font-weight:700;margin-top:0}.auth-strapline span{display:block}.auth-strapline::after{content:"";display:block;width:46px;height:3px;background:#00b5b5;margin-top:9px}.auth-main{max-width:1380px;margin:auto;box-sizing:border-box;padding:0 48px 65px;position:relative;z-index:1}.auth-login-main{min-height:655px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,562px);align-items:center;gap:76px}.auth-hero{align-self:start;padding-top:86px}.auth-hero h1{margin:0 0 20px;max-width:580px;color:var(--auth-ink);font-size:clamp(36px,3.4vw,54px);line-height:1.09;letter-spacing:-1.9px;font-weight:700}.auth-hero p{max-width:565px;color:var(--auth-muted);font-size:clamp(18px,1.55vw,25px);line-height:1.45;margin:0}.auth-values{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:70px;max-width:620px}.auth-value{text-align:center;display:flex;flex-direction:column;align-items:center;font-size:15px;line-height:1.22}.auth-value span:nth-child(2){font-weight:700;margin-top:8px}.auth-value-icon{width:63px;height:63px;border-radius:50%;display:grid!important;place-items:center;font-size:39px;font-weight:300;line-height:1}.value-blue{color:#1753a4;background:#e8f4ff}.value-green{color:#197770;background:#e2f6ef}.value-peach{color:#806346;background:#ffede4}.value-rose{color:#a53458;background:#fce5ee}.auth-card,.auth-reset-card{background:#fff;border:1px solid #dce8f5;border-radius:16px;box-shadow:0 16px 45px rgba(37,105,165,.10)}.login-card{box-sizing:border-box;padding:28px 40px 38px;min-height:608px}.assetli-logo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:100%;margin:0 auto 22px}.assetli-logo-mark{display:block;width:90px;height:90px;object-fit:contain;flex:none}.assetli-logo-copy{display:flex;flex-direction:column;min-width:0}.assetli-logo-name{color:#26384e;font-size:45px;line-height:1;letter-spacing:-2px}.assetli-logo-promise{color:#26384e;font-size:9px;letter-spacing:1.2px;white-space:nowrap;margin-top:4px}.assetli-logo-motto{color:#167770;font-size:13px;margin-top:7px}.login-card h2{margin:12px 0 5px;font-size:29px;letter-spacing:-.5px}.login-card p{margin:0 0 20px;color:var(--auth-muted);font-size:16px}.auth-login-form{width:100%;max-width:100%;--aura-accent-color:#1764c6;--aura-accent-contrast-color:#fff;--lumo-primary-color:#1764c6;--lumo-primary-text-color:#1764c6}vaadin-login-form.auth-login-form::part(form){box-shadow:none;padding:0;background:transparent}vaadin-login-form.auth-login-form::part(form-title){display:none}vaadin-login-form.auth-login-form::part(submit-button){background:#1764c6;color:white}vaadin-login-form.auth-login-form::part(button){background:#1764c6;color:white}.auth-success{display:block;background:#e7f7f1;color:#176650;border-radius:8px;padding:10px 12px;margin:0 0 12px}.auth-partners{box-sizing:border-box;min-height:126px;width:100%;padding:20px 4%;display:flex;align-items:center;justify-content:space-around;gap:14px;flex-wrap:wrap;background:white;position:relative;z-index:1}.auth-partner{font-size:22px;font-weight:800;line-height:1;letter-spacing:-1px;padding:0 16px;border-right:1px solid #cbd9e6;white-space:nowrap}.auth-partner:last-child{border:0}.partner-barnet{color:#872250}.partner-bumblebee{color:#6b5d12;font-size:16px;letter-spacing:1px}.partner-opendoor{color:#db6b19}.partner-flex{color:#633273}.partner-choice{color:#1786bc}.partner-boost{color:#b62b71}.partner-let{color:#70a72e}.partner-pa{color:#129e9e}.auth-footer{box-sizing:border-box;min-height:65px;width:100%;background:#29415b;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 3%;font-size:14px;position:relative;z-index:1}.auth-reset-main{display:flex;justify-content:center;align-items:center;min-height:690px;padding-top:8px}.auth-reset-card{width:min(100%,905px);min-height:590px;display:grid;grid-template-columns:58% 42%;overflow:hidden}.auth-reset-form-panel{box-sizing:border-box;padding:38px 55px 35px;display:flex;flex-direction:column}.auth-logo-stack{display:flex;flex-direction:column;align-items:center;margin-bottom:31px;color:var(--auth-muted);font-size:14px}.auth-logo-stack .assetli-logo{margin:0 auto 6px}.auth-reset-form-panel h1,.auth-password-card h1{font-size:37px;letter-spacing:-1px;line-height:1.15;margin:0 0 10px}.auth-reset-form-panel p,.auth-password-card p{color:var(--auth-muted);font-size:17px;line-height:1.45;margin:0 0 27px}.auth-email-field{margin-bottom:18px}.auth-primary-button{background:#1764c6;color:#fff;border-radius:6px;font-size:17px;min-height:50px}.auth-reset-form-panel>a,.auth-password-card>a{align-self:center;color:#125bb5;text-decoration:none;font-weight:600;margin:20px 0}.auth-status{display:block;margin-top:12px;padding:10px 12px;border-radius:7px;background:#e7f7f1;color:#176650;font-size:14px}.auth-status.auth-error{background:#fff0ef;color:#a53838}.auth-help{margin-top:auto;border-top:1px solid var(--auth-line);padding:22px 0 0 40px;display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--auth-muted)}.auth-help span:first-child{color:var(--auth-ink);font-weight:700}.auth-reset-info-panel{background:linear-gradient(130deg,#f8fdff,#effefb);padding:62px 42px;box-sizing:border-box}.auth-reset-info-panel h2{font-size:28px;line-height:1.12;margin:0 0 12px;letter-spacing:-.6px}.auth-reset-info-panel>p{color:var(--auth-muted);font-size:17px;line-height:1.4;margin:0 0 28px}.auth-benefit{display:flex;align-items:flex-start;gap:17px;margin:21px 0}.auth-benefit-icon{flex:0 0 55px;width:55px;height:55px;border-radius:50%;background:#e6f3ff;display:grid!important;place-items:center;color:#2465ae;font-size:30px}.auth-benefit:nth-of-type(2) .auth-benefit-icon{background:#e5f8f0;color:#168280}.auth-benefit:nth-of-type(3) .auth-benefit-icon{background:#ffeee8;color:#6c6888}.auth-benefit:nth-of-type(4) .auth-benefit-icon{background:#fde8f1;color:#9a335b}.auth-benefit>div{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.32;color:var(--auth-muted)}.auth-benefit>div span:first-child{font-size:16px;font-weight:700;color:var(--auth-ink)}.auth-password-main{display:flex;align-items:center;justify-content:center;min-height:620px}.auth-password-card{width:min(100%,490px);padding:34px 46px;box-sizing:border-box;display:flex;flex-direction:column}.auth-password-card .assetli-logo{margin-bottom:25px}.auth-password-card vaadin-password-field{margin-bottom:15px}@media(max-width:1050px){.auth-header{grid-template-columns:1fr auto}.auth-nav{display:none}.auth-login-main{gap:36px;grid-template-columns:minmax(0,1fr) minmax(390px,500px)}.auth-values{grid-template-columns:repeat(2,1fr);max-width:350px;margin-top:45px}.auth-hero{padding-top:75px}}@media(max-width:760px){.auth-canvas{min-height:0}.auth-header{padding:22px 24px 0;min-height:90px}.barnet-logo{font-size:31px}.auth-strapline{font-size:12px}.auth-main{padding:18px 18px 80px}.auth-login-main{display:flex;flex-direction:column;gap:30px}.auth-hero{align-self:stretch;padding:25px 8px 0}.auth-hero h1{font-size:36px}.auth-hero p{font-size:17px}.auth-values{grid-template-columns:repeat(4,1fr);max-width:none;gap:4px;margin-top:26px}.auth-value{font-size:11px}.auth-value-icon{width:46px;height:46px;font-size:29px}.login-card{width:100%;min-height:0;padding:23px}.auth-reset-main{min-height:0}.auth-reset-card{display:flex;flex-direction:column;min-height:0}.auth-reset-form-panel{padding:30px 27px}.auth-reset-info-panel{padding:28px}.auth-reset-info-panel h2{font-size:23px}.auth-benefit{margin:12px 0}.auth-partners{min-height:0;padding:22px 8px}.auth-partner{font-size:15px;padding:6px 9px}.auth-footer{flex-direction:column;text-align:center;gap:9px;font-size:12px}.auth-password-card{padding:26px}}@media(max-width:420px){.auth-strapline{display:none}.auth-header{display:block}.auth-values{grid-template-columns:repeat(2,1fr);row-gap:16px}.auth-reset-form-panel h1,.auth-password-card h1{font-size:31px}}@media(max-width:420px){.assetli-logo-mark{width:65px;height:65px}.assetli-logo-name{font-size:36px}.assetli-logo-promise{font-size:7px;letter-spacing:.7px}.assetli-logo-motto{font-size:11px}}.login-page{height:100dvh!important;min-height:0;width:100%;overflow:hidden;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto}.login-page .auth-canvas{min-height:0;height:100%;width:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.login-page .auth-header{width:100%;min-height:0;padding-block:clamp(10px,2vh,25px);align-items:center}.login-page .auth-main{width:100%;min-width:0;min-height:0;height:100%;padding-block:0 clamp(8px,2vh,20px)}.login-page .auth-login-main{min-height:0;grid-template-columns:minmax(0,1fr) minmax(320px,562px);gap:clamp(16px,4vw,70px)}.login-page .auth-hero{align-self:center;padding:0}.login-page .auth-values{margin-top:clamp(10px,4vh,40px)}.login-page .login-card{min-width:0;min-height:0;max-height:100%;padding:clamp(12px,2vh,24px) clamp(16px,2vw,36px);overflow:auto}.login-page .auth-login-form{min-width:0!important;width:100%!important}.login-page vaadin-login-form.auth-login-form::part(form){min-width:0;width:100%;box-sizing:border-box}.login-page .assetli-logo{margin-bottom:clamp(4px,1vh,14px)}.login-page .assetli-logo-mark{width:clamp(48px,8vh,75px);height:clamp(48px,8vh,75px)}.login-page .assetli-logo-name{font-size:clamp(30px,4.5vh,43px)}.login-page .login-card h2{font-size:clamp(20px,3vh,28px);margin:4px 0}.login-page .login-card p{margin-bottom:clamp(4px,1vh,12px)}.login-page .auth-partners{min-height:0;padding:8px 2%;gap:4px}.login-page .auth-partner{font-size:clamp(11px,1.3vw,17px);padding:3px 8px}.login-page .auth-footer{min-height:0;padding:8px 3%;font-size:12px}@media(max-width:900px){.login-page .auth-hero{display:none}.login-page .auth-login-main{display:flex;justify-content:center;align-items:center}.login-page .login-card{width:min(100%,560px)}.login-page .auth-nav{display:none}}@media(max-width:600px),(max-height:700px){.login-page{grid-template-rows:minmax(0,1fr) auto}.login-page .auth-partners{display:none}.login-page .auth-header{padding:8px 16px}.login-page .auth-main{padding:4px 12px 8px}.login-page .auth-strapline{display:none}.login-page .barnet-logo{font-size:clamp(24px,4vh,34px)}.login-page .auth-footer{justify-content:center;text-align:center}.login-page .auth-footer span:last-child{display:none}}@media(max-height:550px){.login-page .auth-footer{display:none}.login-page .auth-header{padding:4px 12px}.login-page .login-card{padding:8px 14px}.login-page .assetli-logo-mark{width:38px;height:38px}.login-page .assetli-logo-name{font-size:27px}.login-page .assetli-logo-motto{margin-top:1px}.login-page .login-card h2{font-size:19px}.login-page .login-card p{margin-bottom:2px}}