.lg{isolation:isolate;background:var(--hero-ground);place-items:center;min-height:100svh;padding:96px 16px 64px;display:grid;position:relative;overflow:hidden}.lg-logo{z-index:1;position:absolute;top:28px;left:clamp(20px,4vw,56px)}.lg-logo img{width:104px;height:auto;display:block}.lg-col{z-index:1;width:min(400px,100%);position:relative}.lg-title{letter-spacing:-.045em;color:var(--ink);margin:0 0 28px;font-size:clamp(2rem,4vw,2.5rem);font-weight:500;line-height:1.05}.lg-form{flex-direction:column;display:flex}.lg-label{color:var(--ink-2);margin-bottom:8px;font-size:.88rem;font-weight:500}.lg-label--gap{margin-top:20px}.lg-field{border-radius:var(--r-sm);background:var(--white);box-shadow:var(--shadow-tile);border:1px solid #0d10101f;align-items:center;gap:10px;padding:0 14px;transition:border-color .14s,box-shadow .14s;display:flex}.lg-field:focus-within{border-color:var(--ink);outline:2px solid var(--scarlet-btn);outline-offset:2px}.lg-ico{width:18px;height:18px;color:var(--ink-4);flex:none;place-items:center;display:grid}.lg-ico svg{width:100%;height:100%}.lg-field input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:13px 0;font-size:.98rem}.lg-field input::placeholder{color:var(--ink-4);opacity:.75}.lg-forgot{color:var(--scarlet-text);align-self:flex-start;margin-top:12px;font-size:.88rem;font-weight:500}.lg-forgot:hover{text-underline-offset:3px;text-decoration:underline}.lg-submit{width:100%;margin-top:28px}.lg-submit:disabled{color:var(--ink-4);box-shadow:none;cursor:default;background:#0d10100f;border-color:#0d10100f}.lg-go{place-items:center;width:14px;height:14px;display:inline-grid}.lg-go svg{width:100%;height:100%}.lg-or{color:var(--ink-4);align-items:center;gap:12px;margin:26px 0;font-size:.86rem;display:flex}.lg-or:before,.lg-or:after{content:"";background:#0d10101f;flex:1;height:1px}.lg-sso{flex-direction:column;gap:12px;display:flex}.lg-provider{border-radius:var(--r-sm);width:100%;font:inherit;color:var(--ink);cursor:pointer;background:#ffffffd9;border:1px solid #0d10101f;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.94rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.lg-provider:hover{background:var(--white);border-color:#0d101038}.lg-provider svg{flex:none;width:18px;height:18px}.lg-error,.lg-notice{color:var(--scarlet-text);margin:0 0 20px;font-size:.88rem;line-height:1.5}.lg-notice{color:var(--ink-2)}.lg-provider:disabled{opacity:.6;cursor:wait}