.sf-login{--login-ink:#111;--login-muted:#6b6b6b;--login-faint:#b3b3b3;--login-line:#e4e4e4;--login-radius:32px;color-scheme:light;display:grid;place-items:center;min-height:100dvh;padding:32px;background:#e8e8e8;color:var(--login-ink);font-family:var(--font-ui,Satoshi),"Helvetica Neue",system-ui,sans-serif}.sf-login-card{display:grid;grid-template-columns:1fr 1fr;width:min(1080px,100%);height:min(680px,calc(100dvh - 64px));min-height:560px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.35),0 8px 24px -12px rgba(0,0,0,.18)}.sf-login-card,.sf-login-panel{position:relative;border-radius:var(--login-radius)}.sf-login-panel{z-index:1;display:flex;flex-direction:column;padding:28px 32px 24px;background:#fafafa;box-shadow:12px 0 32px -16px rgba(0,0,0,.45)}.sf-login-brand img{display:block;width:auto;height:28px;margin-left:-4px}.sf-login-body{display:flex;flex:1;flex-direction:column;justify-content:center;width:min(320px,100%);margin:0 auto;padding:32px 0}.sf-login-body h1{margin:0;text-align:center;font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1.15}.sf-login-subtitle{margin:8px 0 32px;text-align:center;font-size:14px;font-weight:700}.sf-login-notion{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border:0;border-radius:10px;background:var(--login-ink);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.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{width:20px;height:20px;color:#fff}.sf-login-note{margin:16px 0 0;color:var(--login-muted)}.sf-login-error,.sf-login-note{text-align:center;font-size:13px}.sf-login-error{margin:0 0 16px;padding:10px 12px;border:1px solid #1a1a1a;border-radius:10px;background:#fff;font-weight:500}.sf-login-notion+.sf-login-error{margin:12px 0 0}.sf-login-test{margin-top:24px;padding-top:16px;border-top:1px dashed var(--login-line)}.sf-login-test>p{margin:0 0 12px;font-size:12px;color:var(--login-muted)}.sf-login-footer{font-size:12px;color:var(--login-faint)}.sf-login-media{position:relative;margin-left:calc(var(--login-radius) * -1);background:#5dc5e1}.sf-login-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}@media (max-width:767px){.sf-login{display:block;padding:0;background:#fafafa}.sf-login-card{display:flex;flex-direction:column-reverse;width:100%;height:auto;min-height:100dvh;border-radius:0;box-shadow:none}.sf-login-media{flex:0 0 180px;margin:0 0 calc(var(--login-radius) * -1)}.sf-login-panel{flex:1;padding:24px 24px 20px;border-radius:var(--login-radius) var(--login-radius) 0 0;box-shadow:0 -12px 32px -16px rgba(0,0,0,.45)}.sf-login-body{padding:40px 0 32px}.sf-login-body h1{font-size:30px}}