.sf-login{--login-ink:#111;--login-muted:#6b6b6b;--login-faint:#b3b3b3;--login-line:#e4e4e4;--login-radius:32px;color-scheme:light;display:block;min-height:100dvh;background:#fafafa;color:var(--login-ink);font-family:var(--font-ui,Satoshi),"Helvetica Neue",system-ui,sans-serif}.sf-login-card{position:relative;display:grid;grid-template-columns:clamp(420px,42vw,760px) 1fr;width:100%;min-height:100dvh;overflow:hidden}.sf-login-panel{position:relative;z-index:1;display:flex;flex-direction:column;padding:28px 32px 24px;border-radius:0 var(--login-radius) var(--login-radius) 0;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:768px){.sf-login-card{display:flex;flex-direction:column-reverse}.sf-login-media{flex:0 0 clamp(180px,24dvh,260px);margin:0 0 calc(var(--login-radius) * -1)}.sf-login-video{object-position:center 56%}.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}}@media (max-width:768px) and (max-height:520px){.sf-login-media{display:none}.sf-login-panel{padding:16px 24px 12px;border-radius:0;box-shadow:none}.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}}