.sq-auth{background:var(--sq-bg);min-height:100dvh;color:var(--sq-ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.sq-auth :focus-visible{outline:2px solid var(--sq-accent);outline-offset:2px}.sq-auth__main{flex-direction:column;align-items:center;gap:18px;padding:24px clamp(16px,4vw,48px) 40px;display:flex}.sq-auth__top{justify-content:space-between;align-items:center;width:100%;max-width:440px;margin-bottom:clamp(12px,6vh,64px);display:flex}.sq-auth__logo{color:var(--sq-ink);text-decoration:none}.sq-auth .sq-logo{letter-spacing:-.03em;direction:ltr;align-items:center;gap:9px;font-weight:700;line-height:1;display:inline-flex}.sq-auth__lang{border:1px solid var(--sq-line);background:var(--sq-paper);min-height:36px;color:var(--sq-ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.sq-auth__card{gap:14px;width:100%;max-width:440px;display:grid}.sq-auth__head{gap:6px;margin-bottom:6px;display:grid}.sq-auth__head h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,36px);font-weight:750;line-height:1.1}html[lang=en] .sq-auth__head h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(32px,3.4vw,42px);font-weight:400}.sq-auth__head p{color:var(--sq-muted);margin:0;font-size:15.5px}.sq-auth__card label{gap:6px;font-size:14px;font-weight:600;display:grid}.sq-auth__card small{color:var(--sq-muted);font-weight:400}.sq-auth__card input,.sq-auth__card select{font:inherit;border:1px solid var(--sq-line);min-height:48px;color:var(--sq-ink);background:#fff;border-radius:12px;padding:0 14px;font-size:16px;font-weight:400}.sq-auth__card input:focus-visible,.sq-auth__card select:focus-visible{outline:2px solid var(--sq-accent);outline-offset:1px}.sq-auth__btn{background:var(--sq-accent);min-height:50px;color:var(--sq-on-accent);font:inherit;cursor:pointer;box-shadow:0 8px 24px -10px var(--sq-accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:16px;font-weight:700;display:inline-flex}.sq-auth__btn:hover{background:var(--sq-accent-strong)}.sq-auth__btn:disabled{opacity:.7;cursor:progress}.sq-auth__spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite sq-auth-spin}@keyframes sq-auth-spin{to{rotate:360deg}}.sq-auth__err{color:#b42318;background:#feecec;border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:14px;display:flex}.sq-auth__fine,.sq-auth__switch{color:var(--sq-muted);text-align:center;margin:0;font-size:14px}.sq-auth__fine a,.sq-auth__switch a{color:var(--sq-accent-ink);font-weight:600}.sq-auth__chosen{background:var(--sq-paper);border:1px solid var(--sq-line);border-radius:14px;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;display:grid}.sq-auth__chosen>div{flex-wrap:wrap;gap:6px;display:flex}.sq-auth__chip{background:color-mix(in srgb, var(--tone) 10%, #fff);color:color-mix(in srgb, var(--tone) 85%, #000);border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;display:inline-flex}.sq-auth__demo{color:var(--sq-ink-2);align-items:center;gap:8px;margin-top:6px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.sq-auth__demo:hover{color:var(--sq-ink)}.sq-auth__live{background:#1daa61;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #1daa6140}.sq-auth__aside{background:var(--sq-panel);color:var(--sq-ink);place-items:center;padding:48px;display:grid;position:relative;overflow:hidden}.sq-auth__aside:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--sq-accent) 55%, transparent), transparent);opacity:.7;border-radius:50%;width:70%;position:absolute;inset:auto -20% -30% auto}.sq-auth__asidein{gap:22px;width:min(460px,100%);display:grid;position:relative}.sq-auth__asidetitle{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:750;line-height:1.1}html[lang=en] .sq-auth__asidetitle{font-family:var(--font-display);letter-spacing:-.01em;font-size:40px;font-weight:400}.sq-auth__aside ul{color:var(--sq-ink-2);gap:10px;margin:0;padding:0;list-style:none;display:grid}.sq-auth__aside li{align-items:center;gap:10px;display:flex}.sq-auth__aside li svg{color:var(--sq-accent-ink);flex:none}.sq-auth__vis{color:#111b21;background:#fff;border-radius:20px;gap:0;font-size:13.5px;display:grid;overflow:hidden;box-shadow:0 40px 90px -30px #0009}.sq-auth__row{border-bottom:1px solid #111b2114;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.sq-auth__av{color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12.5px;font-weight:700;display:grid}.sq-auth__who{min-width:0;display:grid}.sq-auth__who b{font-weight:650}.sq-auth__who span{text-overflow:ellipsis;white-space:nowrap;color:#667781;font-size:12.5px;overflow:hidden}.sq-auth__badge{color:#fff;background:#1daa61;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;display:grid}.sq-auth__draft{border:1.5px dashed color-mix(in srgb, var(--sq-accent) 45%, transparent);background:color-mix(in srgb, var(--sq-accent) 4%, #fff);border-radius:12px;gap:4px;margin:12px;padding:10px 12px;display:grid}.sq-auth__draft b{color:var(--sq-accent-ink);font-size:11.5px}@media (max-width:900px){.sq-auth{grid-template-columns:1fr}.sq-auth__aside{display:none}}@media (prefers-reduced-motion:reduce){.sq-auth__spin{animation:none}}
