.flowly-auth{--u:clamp(.52px,.0926vh,1px);--auth-line:#c8c8c8;--auth-rule:#c4c4c4;--auth-sub:#525252;--auth-faint:#919191;--auth-pane:588px;--auth-col:calc(406*var(--u));color:#000;font-family:var(--font-sans);background:#fff}.flowly-auth.is-tall{--u:clamp(.52px,.0873vh,1px)}.flowly-auth .auth-wrap{grid-template-columns:minmax(0,1fr)var(--auth-pane);height:100svh;display:grid;overflow:hidden}.flowly-auth .auth-art{padding:0 calc(65*var(--u))calc(100*var(--u));flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.flowly-auth .auth-art>img{object-fit:cover;object-position:52% 50%;width:100%;height:100%;position:absolute;inset:0}.flowly-auth .auth-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#00000080 100%);position:absolute;inset:0}.flowly-auth .auth-artmark{top:calc(65*var(--u));left:calc(65*var(--u));z-index:2;color:#fff;filter:drop-shadow(0 4px 11px #00000059);position:absolute}.flowly-auth .auth-artmark svg{width:calc(91*var(--u));height:calc(80*var(--u));display:block}.flowly-auth .auth-headline{z-index:2;font-size:calc(64*var(--u));letter-spacing:-.015em;color:#fff;margin:0;font-weight:500;line-height:1.34;position:relative}.flowly-auth .auth-pane{z-index:3;padding:calc(100*var(--u))calc(40*var(--u))calc(45*var(--u));background:#fff;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}.flowly-auth .auth-col{width:100%;max-width:var(--auth-col);flex-direction:column;flex:1;display:flex}.flowly-auth .auth-brand{align-self:center;align-items:center;gap:calc(12*var(--u));color:#000;margin-bottom:calc(72*var(--u));text-decoration:none;display:inline-flex}.flowly-auth .auth-brand svg{width:calc(48*var(--u));height:calc(48*var(--u))}.flowly-auth .auth-brand span{font-size:calc(40*var(--u));letter-spacing:-.02em;font-weight:600}.flowly-auth .auth-col h1{font-size:calc(32*var(--u));text-align:center;margin:0;font-weight:600;line-height:1.32}.flowly-auth .auth-col .sub{font-size:calc(20*var(--u));text-align:center;color:#000;max-width:calc(330*var(--u));margin:calc(6*var(--u))auto 0;font-weight:400;line-height:1.35}.flowly-auth form{margin-top:calc(63*var(--u));flex-direction:column;display:flex}.flowly-auth .field{display:contents}.flowly-auth .field label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flowly-auth .field input{width:100%;height:calc(60*var(--u));padding:0 calc(20*var(--u));border:1px solid var(--auth-line);border-radius:calc(12*var(--u));font-family:inherit;font-size:calc(17*var(--u));color:#000;background:#fff;font-weight:500;transition:border-color .18s,box-shadow .18s}.flowly-auth .field+.field input{margin-top:calc(12*var(--u))}.flowly-auth .field input::placeholder{color:#00000080;font-weight:500}.flowly-auth .field input:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #00000014}.flowly-auth .field input:disabled{opacity:.55}.flowly-auth .auth-rule{background:var(--auth-rule);height:1px;margin:calc(16*var(--u))0 calc(17*var(--u));border:0}.flowly-auth .social-btn{justify-content:center;align-items:center;gap:calc(10*var(--u));width:100%;height:calc(60*var(--u));border:1px solid var(--auth-line);border-radius:calc(12*var(--u));font-family:inherit;font-size:calc(17*var(--u));color:#000;cursor:pointer;background:#fff;font-weight:500;transition:background .18s;display:flex}.flowly-auth .social-btn:hover:not(:disabled){background:#f6f6f6}.flowly-auth .social-btn:disabled{opacity:.55;cursor:not-allowed}.flowly-auth .social-btn svg{width:calc(30*var(--u));height:calc(30*var(--u))}.flowly-auth .btn-primary{justify-content:center;align-items:center;gap:calc(9*var(--u));width:100%;height:calc(60*var(--u));margin-top:calc(103*var(--u));border-radius:calc(12*var(--u));font-family:inherit;font-size:calc(16*var(--u));letter-spacing:.02em;color:#fff;cursor:pointer;background:#000;border:1px solid #000;font-weight:600;transition:opacity .18s;display:flex}.flowly-auth .btn-primary:hover:not(:disabled){opacity:.86}.flowly-auth .btn-primary:disabled{opacity:.6;cursor:not-allowed}.flowly-auth .auth-switch{align-items:center;gap:calc(12*var(--u));margin:calc(18*var(--u))0 0;font-size:calc(12*var(--u));font-weight:600;line-height:calc(16*var(--u));letter-spacing:.02em;color:var(--auth-sub);display:flex}.flowly-auth .auth-switch:before,.flowly-auth .auth-switch:after{content:"";background:var(--auth-sub);flex:1;height:1px}.flowly-auth .auth-switch .lbl{align-items:center;gap:calc(5*var(--u));white-space:nowrap;flex:none;display:inline-flex}.flowly-auth .auth-switch .lockup{align-items:center;gap:calc(5*var(--u));white-space:nowrap;display:inline-flex}.flowly-auth .auth-switch .lockup svg{width:calc(17*var(--u));height:calc(15*var(--u))}.flowly-auth .auth-switch .lockup b{font-size:calc(13*var(--u));letter-spacing:-.01em;font-weight:500}.flowly-auth .btn-secondary{width:100%;height:calc(60*var(--u));margin-top:calc(17*var(--u));border:1px solid var(--auth-line);border-radius:calc(10*var(--u));font-family:inherit;font-size:calc(16*var(--u));letter-spacing:.02em;color:var(--auth-sub);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background .18s;display:flex}.flowly-auth .btn-secondary:hover{background:#f6f6f6}.flowly-auth .legal-note{margin:calc(18*var(--u))0 0;font-size:calc(12*var(--u));text-align:center;color:var(--auth-faint);line-height:1.5}.flowly-auth .legal-note a{color:var(--auth-sub);text-decoration:underline}.flowly-auth .auth-copy{margin:calc(34*var(--u))0 0;font-size:calc(14*var(--u));text-align:center;color:var(--auth-faint);font-weight:600}.flowly-auth .spin{width:calc(18*var(--u));height:calc(18*var(--u));animation:.7s linear infinite flw-spin}@keyframes flw-spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.flowly-auth{--auth-pane:46vw}}@media (max-width:900px){.flowly-auth{--u:1px;--auth-col:420px}.flowly-auth .auth-wrap{grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.flowly-auth .auth-art{display:none}.flowly-auth .auth-pane{padding:44px 24px 36px;overflow-y:visible}.flowly-auth .auth-col{margin-inline:auto}.flowly-auth .auth-brand{margin-bottom:40px}.flowly-auth form{margin-top:30px}.flowly-auth .btn-primary{margin-top:32px}}@media (prefers-reduced-motion:reduce){.flowly-auth .spin{animation-duration:1.6s}.flowly-auth *{transition-duration:.01ms!important}}