body:has(.auth-layout) .local-demo-banner{display:none}.auth-layout{--auth-outer:clamp(12px, 2.2vw, 24px);min-height:100svh;padding:var(--auth-outer);background:var(--fg-page)}.auth-layout--wide .lf-shell{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.auth-layout--wide .lf-form-wrap{width:min(100%,600px)}.lf-shell{width:min(100%,1500px);min-height:calc(100svh - 2 * var(--auth-outer));border:1px solid var(--fg-border);background:var(--fg-surface);border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);margin:auto;display:grid;box-shadow:0 24px 80px #142d4e14}.lf-form-panel{border-start-start-radius:21px;border-end-start-radius:21px;flex-direction:column;min-width:0;padding:clamp(20px,2.8vw,40px) clamp(24px,5vw,74px) 20px;display:flex}.lf-header{justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.lf-header .brand{margin-inline-start:-7px}.lf-header .brand img{height:50px}.lf-controls{align-items:center;gap:9px;display:flex}.lf-form-wrap{width:min(100%,470px);margin:auto;padding-block:clamp(20px,3vh,34px)}.lf-tag{color:var(--fg-accent-text);background:var(--fg-teal-soft);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.lf-heading-row{align-items:center;gap:15px;margin-top:34px;display:flex}.lf-heading-icon{border:1px solid var(--fg-border);width:44px;height:44px;color:var(--fg-accent-text);background:var(--fg-surface-raised);border-radius:13px;place-items:center;display:grid}.lf-heading-rule{background:var(--fg-border-strong);width:46px;height:1px}.lf-form-wrap h1{color:var(--fg-heading);letter-spacing:-.03em;margin:17px 0 7px;font-size:clamp(30px,3vw,42px);line-height:1.3}.lf-intro{color:var(--fg-muted);margin:0;font-size:15px;line-height:1.8}.lf-form{gap:20px;margin-top:33px;display:grid}.lf-field label{color:var(--fg-heading);margin-bottom:9px;font-size:14px;font-weight:600;display:block}.lf-input-wrap{border:1px solid var(--fg-border-strong);border-radius:var(--fg-radius-control);min-height:55px;color:var(--fg-muted);background:var(--fg-field);align-items:center;gap:12px;padding-inline:15px;transition:border-color .16s,box-shadow .16s;display:flex}.lf-input-wrap:focus-within{border-color:var(--fg-action);box-shadow:0 0 0 3px var(--fg-teal-soft)}.lf-input-wrap--invalid{border-color:var(--fg-danger)}.lf-input-wrap--invalid:focus-within{border-color:var(--fg-danger);box-shadow:0 0 0 3px var(--fg-danger-soft)}.lf-input-wrap input{width:100%;min-width:0;height:52px;color:var(--fg-heading);background:0 0;border:0;outline:none;flex:1;font-size:14px}.lf-input-wrap input::placeholder{color:var(--fg-muted);opacity:.83}.lf-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lf-reset-link{color:var(--fg-accent-text);white-space:nowrap;text-underline-offset:4px;font-size:13px;font-weight:650;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.lf-reset-link:hover{text-decoration-color:currentColor}.lf-error{color:var(--fg-danger);margin:7px 0 0;font-size:12px;line-height:1.5}.lf-submit{border-radius:var(--fg-radius-control);color:#fff;background:var(--fg-action);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:55px;margin-top:5px;font-size:15px;font-weight:700;transition:background .16s,transform .16s;display:flex}.lf-submit:hover{background:var(--fg-action-hover);transform:translateY(-1px)}.lf-submit:active{transform:translateY(0)}.lf-success{border-radius:var(--fg-radius-control);color:var(--fg-success);background:var(--fg-success-soft);margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.lf-disclaimer{color:var(--fg-muted);margin:23px 0 0;font-size:12px;line-height:1.7}.lf-workspace-link{color:var(--fg-accent-text);align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:650;display:inline-flex}.lf-workspace-link:hover{text-underline-offset:4px;text-decoration:underline}.lf-footer{color:var(--fg-muted);font:12px var(--fg-font-latin);opacity:.8}.lf-visual{color:#e7f2f5;background:linear-gradient(145deg,#142d4e 0%,#0d2742 50%,#173d55 100%);border-start-end-radius:21px;border-end-end-radius:21px;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.lf-visual:before{content:"";background:linear-gradient(130deg,#0000 20%,#219f931f 100%);position:absolute;inset:0}.lf-visual__glow{inset-inline-end:-260px;border:1px solid #85dccf21;border-radius:50%;width:540px;height:540px;position:absolute;top:-190px;box-shadow:0 0 0 80px #7accc906,0 0 0 170px #7accc905}.lf-visual__content{z-index:1;width:100%;padding:clamp(38px,5vw,78px)}.lf-visual__eyebrow{color:#9ce1d9;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.lf-visual h2{color:#fff;letter-spacing:-.035em;max-width:490px;margin:25px 0 14px;font-size:clamp(36px,3.2vw,52px);line-height:1.35}.lf-visual p{color:#c0d4df;max-width:370px;margin:0;font-size:16px;line-height:1.8}.lf-architecture{border-bottom:2px solid #a4e0de52;height:255px;margin-top:clamp(42px,9vh,110px);position:relative}.lf-architecture__tower{background:#b3e5e309;border:1px solid #a9dee054;border-bottom:0;grid-template-columns:repeat(3,1fr);align-content:start;gap:18px 17px;padding:23px;display:grid;position:absolute;bottom:0;box-shadow:inset 0 0 40px #99d9d606}.lf-architecture__tower i{background:#8bd8cf0e;border:1px solid #b5e6e442;width:100%;height:20px;display:block}.lf-architecture__tower--back{opacity:.7;width:47%;height:200px;inset-inline-end:9%}.lf-architecture__tower--front{width:48%;height:246px;inset-inline-start:7%}.lf-architecture__base{bottom:-2px;border-block:1px solid #a9dee040;height:9px;position:absolute;inset-inline:0}@media (max-width:900px){.lf-shell{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.lf-form-panel{padding-inline:30px}.lf-visual__content{padding:36px}.lf-visual h2{font-size:33px}.lf-architecture{height:200px}.lf-architecture__tower--front{height:195px}.lf-architecture__tower--back{height:155px}}@media (max-width:700px){.auth-layout{--auth-outer:0px;background:var(--fg-surface);padding:0}.lf-shell{min-height:100svh;box-shadow:none;border:0;border-radius:0;display:block}.lf-form-panel{min-height:100svh;padding:20px 22px 22px}.lf-form-wrap{margin:auto;padding-block:38px 50px}.lf-visual{display:none}.lf-header .brand img{height:43px}.lf-form-wrap h1{font-size:32px}}@media (max-width:360px){.lf-form-panel{padding-inline:17px}.lf-header{gap:7px}.lf-controls{gap:5px}.lf-header .brand img{height:39px}.lf-label-row{align-items:flex-start}.lf-reset-link{font-size:12px}}@media (prefers-reduced-motion:reduce){.lf-submit,.lf-input-wrap{transition:none}}.lf-submit:disabled{opacity:.6;cursor:wait;transform:none}.lf-challenge-intro{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.7}.lf-resend{border-radius:var(--fg-radius-control);min-height:44px;color:var(--fg-accent-text);cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px 12px;font-size:13px;font-weight:650}.lf-resend:hover{background:var(--fg-teal-soft)}.lf-resend:disabled{opacity:.55;cursor:wait}.lf-form .form-message{margin:0}.lf-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-demo-note{max-width:290px;color:var(--fg-accent-text);background:var(--fg-teal-soft);text-align:center;border-radius:999px;padding:4px 9px;font-family:inherit;font-size:10px;line-height:1.4}.lf-hint{color:var(--fg-muted);margin-top:7px;font-size:12px;line-height:1.5;display:block}.auth-notice{border:1px solid var(--fg-border);border-radius:var(--fg-radius-control);color:var(--fg-info);background:var(--fg-teal-soft);margin:20px 0 0;padding:12px 14px;font-size:13px;line-height:1.7}.auth-notice--error{border-color:var(--fg-danger);color:var(--fg-danger);background:var(--fg-danger-soft)}.auth-notice--success{border-color:var(--fg-success);color:var(--fg-success);background:var(--fg-success-soft)}.auth-layout .lf-form-wrap>.connected-panel{margin-block:20px 0}.auth-layout .connected-form{margin-block:18px 0}.auth-layout .invite-language{justify-content:flex-start}.auth-layout .lf-form-wrap>div>p[role=status]{color:var(--fg-muted)}@media (max-width:900px){.auth-layout--wide .lf-shell{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}@media (max-width:700px){.auth-layout--wide .lf-shell{display:block}.lf-form-panel{border-radius:0}.lf-form-wrap{padding-block:26px 36px}.lf-footer{align-items:flex-start}}.auth-complete{justify-items:start;gap:10px;margin-top:28px;display:grid}.auth-complete__icon{width:48px;height:48px;color:var(--fg-success);background:var(--fg-success-soft);border-radius:13px;place-items:center;display:grid}.auth-complete h2{color:var(--fg-heading);margin:4px 0 0;font-size:23px}.auth-complete p{color:var(--fg-muted);margin:0;line-height:1.7}.auth-complete .lf-submit{margin-top:13px}.auth-layout .lf-form .auth-notice{margin:0}.auth-layout .lf-form .lf-workspace-link{margin-top:0}.auth-flow{margin-top:17px}.auth-flow>.auth-notice:first-child{margin-top:0}.auth-flow .lf-form{margin-top:18px}.auth-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-choice{border:1px solid var(--fg-border-strong);border-radius:var(--fg-radius-control);min-height:50px;color:var(--fg-heading);background:var(--fg-field);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.auth-choice:has(input:checked){border-color:var(--fg-action);background:var(--fg-teal-soft)}.auth-choice input{accent-color:var(--fg-action);flex:none}.auth-subtle{color:var(--fg-muted);margin:0;font-size:13px;line-height:1.7}@media (max-width:360px){.auth-choice-grid{grid-template-columns:1fr}}.auth-invitation-list{padding:16px}.auth-invitation-list .connected-panel__head{gap:8px}.auth-invitation-list .connected-row{align-items:center}.auth-invitation-list .connected-row .button{flex:none}@media (max-width:700px){.auth-invitation-list .connected-row .button{flex:100%}}.auth-account-form{width:min(100%,500px);margin-block:16px 24px}.auth-account-form>h3{margin:0}.auth-account-form>.button{justify-self:start;min-height:42px}@media (max-width:700px){:is(.auth-layout:has(#reset-proof,#employee-proof,#owner-proof) .lf-heading-row,.auth-layout:has(#reset-proof,#employee-proof,#owner-proof) .lf-intro){display:none}.auth-layout:has(#reset-proof,#employee-proof,#owner-proof) .lf-form-wrap{padding-block:18px 24px}.auth-layout:has(#reset-proof,#employee-proof,#owner-proof) .lf-form{gap:16px;margin-top:24px}}
