.sf-login{--login-ink:#111;--login-muted:#6b6b6b;--login-faint:#737373;--login-line:#e4e4e4;--login-radius:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;color:var(--login-ink);font-family:var(--font-ui,Satoshi), "Helvetica Neue", system-ui, sans-serif;background:#fafafa;display:block}.sf-login-card{grid-template-columns:clamp(420px,42vw,760px) 1fr;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.sf-login-panel{z-index:1;border-radius:0 var(--login-radius) var(--login-radius) 0;background:#fafafa;flex-direction:column;padding:28px 32px 24px;display:flex;position:relative;box-shadow:12px 0 32px -16px #00000073}.sf-login-brand img{width:auto;height:28px;margin-left:-4px;display:block}.sf-login-body{flex-direction:column;flex:1;justify-content:center;width:min(320px,100%);margin:0 auto;padding:32px 0;display:flex}.sf-login-body h1{text-align:center;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:500;line-height:1.15}.sf-login-subtitle{text-align:center;margin:8px 0 32px;font-size:14px;font-weight:700}.sf-login-notion{background:var(--login-ink);color:#fff;width:100%;height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:background-color .15s,transform .15s;display:flex}.sf-login-notion:hover:not(:disabled){background:#000}.sf-login-notion:active:not(:disabled){transform:translateY(1px)}.sf-login-notion:focus-visible{outline:2px solid var(--login-ink);outline-offset:3px}.sf-login-notion:disabled{cursor:progress;opacity:.75}.sf-login-notion-icon{color:#fff;width:20px;height:20px}.sf-login-note{text-align:center;color:var(--login-muted);margin:16px 0 0;font-size:13px}.sf-login-error{text-align:center;background:#fff;border:1px solid #1a1a1a;border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:13px;font-weight:500}.sf-login-notion+.sf-login-error{margin:12px 0 0}.sf-login-test{border-top:1px dashed var(--login-line);margin-top:24px;padding-top:16px}.sf-login-test>p{color:var(--login-muted);margin:0 0 12px;font-size:12px}.sf-login-footer{color:var(--login-faint);font-size:12px}.sf-login-media{margin-left:calc(var(--login-radius) * -1);background:#a9a9a9;position:relative}.sf-login-video{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:768px){.sf-login-card{flex-direction:column-reverse;display:flex}.sf-login-media{margin:0 0 calc(var(--login-radius) * -1);flex:0 0 clamp(180px,24dvh,260px)}.sf-login-video{object-position:center 56%}.sf-login-panel{border-radius:var(--login-radius) var(--login-radius) 0 0;flex:1;padding:24px 24px 20px;box-shadow:0 -12px 32px -16px #00000073}.sf-login-body{padding:40px 0 32px}.sf-login-body h1{font-size:30px}}@media (max-width:768px) and (max-height:520px){.sf-login-media{display:none}.sf-login-panel{box-shadow:none;border-radius:0;padding:16px 24px 12px}.sf-login-body{padding:12px 0}.sf-login-body h1{font-size:24px}.sf-login-subtitle{margin:4px 0 16px}.sf-login-note{margin-top:10px}}