body.auth-showcase-page{height:auto;min-height:100dvh;overflow:hidden auto}.auth-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-showcase-main{background:var(--hr-surface);flex-direction:column;min-width:0;padding:2rem clamp(1.5rem,4vw,5rem) 1.75rem;display:flex}.auth-showcase-header .brand-lockup{gap:.875rem}.auth-showcase-header .brand-lockup-mark{width:40px;height:40px}.auth-showcase-header .brand-lockup-name{font-size:var(--fs-2xl)}.auth-showcase-header .brand-lockup-org{font-size:var(--fs-xs);margin-top:.25rem}.auth-showcase-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.auth-device-status{border:1px solid var(--hr-border);min-height:34px;font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:0 .75rem;font-weight:650;line-height:1;display:inline-flex}.auth-device-status[hidden]{display:none}.auth-device-status.is-registered{border-color:var(--hr-success-line);background:var(--hr-success-soft);color:var(--hr-success-text)}.auth-device-status.is-unregistered{border-color:var(--hr-warning-line);background:var(--hr-warning-soft);color:var(--hr-warning-text)}.auth-device-status-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.auth-showcase .auth-card .auth-input-with-icon,.auth-showcase .auth-card .password-wrapper{position:relative}.auth-showcase .auth-card .auth-input-icon{z-index:1;width:19px;height:19px;color:var(--hr-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-showcase .auth-card{width:min(26rem,100%);box-shadow:none;background:0 0;border:0;border-radius:0;margin:clamp(4rem,15vh,8rem) auto 2.5rem;padding:0}.auth-showcase .auth-card-title{color:var(--hr-text);font-size:var(--fs-2xl);line-height:var(--lh-tight);text-align:center;margin:0}.auth-showcase .auth-card-sub{color:var(--hr-subtle);font-size:var(--fs-sm);line-height:var(--lh-base);text-align:center;margin:.75rem 0 2rem}.auth-showcase .auth-card .input-group{margin-bottom:1.25rem}.auth-showcase .auth-card .input-group label{color:var(--hr-text);font-size:var(--fs-sm);margin-bottom:.5rem}.auth-showcase .auth-card .input-group input[type=text],.auth-showcase .auth-card .input-group input[type=email],.auth-showcase .auth-card .input-group input[type=password]{border-color:var(--hr-field-border);border-radius:var(--r-md);min-height:44px;color:var(--hr-text);font-size:var(--fs-base);padding:.625rem .875rem}.auth-showcase .auth-card .input-group .auth-input-with-icon input,.auth-showcase .auth-card .input-group .password-wrapper input{padding-left:3.25rem!important}.auth-showcase .auth-card .input-group input:focus{border-color:var(--hr-primary);box-shadow:none;outline:none}.auth-showcase .auth-card .btn-primary{border-radius:var(--r-md);min-height:46px;font-size:var(--fs-base);margin-top:1.25rem}.auth-showcase .auth-card .forgot-password{min-height:var(--tap-min);color:var(--hr-primary-text);font-size:var(--fs-sm);text-align:center;justify-content:center;align-items:center;margin-top:.75rem;display:flex}.auth-showcase .auth-card .back-to-login{font-size:var(--fs-sm);margin-top:1rem}.auth-showcase .auth-card .security-note,.auth-showcase .auth-card .two-factor-help{font-size:var(--fs-xs)}.auth-showcase .auth-card .recovery-login summary{font-size:var(--fs-sm)}.auth-showcase-footer{color:var(--hr-subtle);font-size:var(--fs-2xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:auto;display:flex}.auth-showcase-footer a{color:inherit;white-space:nowrap;text-decoration:none}.auth-showcase-footer a:hover{color:var(--hr-primary-text);text-decoration:underline}.auth-showcase-hero{background:var(--hr-primary-fill);min-width:0;color:var(--hr-on-primary);isolation:isolate;flex-direction:column;padding:clamp(2.5rem,9vh,5rem) clamp(2rem,7vw,9rem) 1.5rem;display:flex;position:relative;overflow:hidden}.auth-showcase-hero:before,.auth-showcase-hero:after{z-index:-1;content:"";background:#ffffff0b;border-radius:50%;position:absolute}.auth-showcase-hero:before{width:42rem;height:48rem;top:-10rem;right:-17rem}.auth-showcase-hero:after{width:42rem;height:36rem;bottom:-15rem;left:-19rem}.auth-showcase-hero-copy{width:min(44rem,100%)}.auth-showcase-hero h2{font-size:var(--fs-3xl);font-weight:700;line-height:var(--lh-tight);margin:0 0 1.25rem}.auth-showcase-hero p{color:#ecfdf5;font-size:var(--fs-base);line-height:var(--lh-base);margin:0}.auth-showcase-illustration{object-fit:contain;width:min(29rem,100%);height:auto;margin:clamp(1rem,4vh,3rem) auto 0;display:block}@media (width<=1000px){.auth-showcase{grid-template-columns:minmax(0,1fr)}.auth-showcase-main{min-height:100dvh;padding:calc(1rem + env(safe-area-inset-top,0px)) calc(clamp(1rem, 4vw, 2rem) + env(safe-area-inset-right,0px)) calc(.75rem + env(safe-area-inset-bottom,0px)) calc(clamp(1rem, 4vw, 2rem) + env(safe-area-inset-left,0px));gap:clamp(.75rem,2dvh,1.5rem)}.auth-showcase .auth-card{margin:auto;padding-block:clamp(.5rem,2dvh,1.25rem)}.auth-showcase-hero{display:none}.auth-showcase .auth-card-sub{margin:.5rem 0 1.25rem}.auth-showcase .auth-card .input-group{margin-bottom:1rem}.auth-showcase .auth-card .btn-primary{margin-top:.75rem}.auth-showcase .auth-recovery-links{align-items:stretch;gap:0;margin-top:.5rem;display:flex}.auth-showcase .auth-recovery-links .forgot-password{min-width:0;font-size:var(--fs-xs);overflow-wrap:anywhere;flex:1 1 0;margin-top:0;padding-block:.25rem}.auth-showcase .auth-recovery-links .forgot-password:first-child{padding-right:.5rem}.auth-showcase .auth-recovery-links .forgot-password+.forgot-password{border-left:1px solid var(--hr-border);padding-left:.5rem}.auth-showcase .auth-card-title{letter-spacing:-.035em;text-align:left;font-size:clamp(1.75rem,7vw,2rem)}.auth-showcase .auth-card-sub{text-align:left}.auth-showcase .auth-card .btn-primary{border-radius:14px;min-height:56px;font-weight:700}.auth-showcase-footer a{min-height:var(--tap-min);align-items:center;display:inline-flex}}@media (width<=600px){.auth-showcase-header .brand-lockup-mark{width:34px;height:34px}.auth-showcase-header .brand-lockup-name{font-size:var(--fs-xl)}.auth-showcase-header .brand-lockup-org{font-size:var(--fs-2xs)}.auth-showcase .auth-card-title{letter-spacing:-.035em;text-align:left;font-size:clamp(1.75rem,7vw,2rem)}.auth-showcase .auth-card .input-group input[type=text],.auth-showcase .auth-card .input-group input[type=email],.auth-showcase .auth-card .input-group input[type=password]{font-size:16px}.auth-showcase-footer{text-align:center;justify-content:center}}@media (height<=760px) and (width>=1001px){.auth-showcase-illustration{width:min(26rem,100%);margin-top:0}}@media (width<=1000px) and (pointer:coarse){.auth-showcase .auth-card .input-group input[type=text],.auth-showcase .auth-card .input-group input[type=email],.auth-showcase .auth-card .input-group input[type=password]{min-height:56px;font-size:16px}.auth-showcase .auth-card .btn-primary{min-height:56px}}@media (width<=1000px){.auth-login-viewport .auth-showcase-main{padding-right:calc(clamp(1.5rem, 9vw, 2.5rem) + env(safe-area-inset-right,0px));padding-left:calc(clamp(1.5rem, 9vw, 2.5rem) + env(safe-area-inset-left,0px));background:var(--hr-bg)}html.auth-login-viewport,body.auth-login-viewport{overscroll-behavior:none;width:100%;height:100%;min-height:0;overflow:hidden}body.auth-login-viewport{height:100dvh;position:fixed;inset:0}.auth-login-viewport .auth-showcase{height:100%;min-height:0;overflow:hidden}.auth-login-viewport .auth-showcase-main{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.auth-login-viewport .auth-showcase-header{min-height:48px}.auth-login-viewport .auth-card{overscroll-behavior:contain;flex-direction:column;min-height:0;margin:0 auto;display:flex;overflow:hidden auto}.auth-login-viewport .auth-card>*{flex:none}.auth-login-viewport .auth-card>:first-child{margin-top:auto}.auth-login-viewport .auth-card>:last-child{margin-bottom:auto}}
