.auth-page{background:var(--background);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-page__form-side{flex-direction:column;min-width:0;padding:34px clamp(26px,4vw,64px) 28px;display:flex}.auth-page__brand{margin-bottom:28px;text-decoration:none;display:inline-flex}.auth-page__brand img{opacity:.52}.auth-page__form-wrap{width:100%;max-width:360px;margin:auto;padding:48px 0}.auth-page__form-wrap h1{font-size:var(--ds-text-task-heading);font-weight:var(--ds-weight-heading);letter-spacing:var(--ds-tracking-display);line-height:var(--ds-leading-task-heading);text-wrap:balance;margin:0 0 8px}.auth-page__intro{color:var(--ds-text);max-width:360px;margin:0 0 24px;font-size:14px;line-height:21px}.auth-page__form{gap:16px;display:grid}.auth-page__field{gap:7px;display:grid}.auth-page__field label{color:var(--ds-ink);font-size:13px;font-weight:500}.auth-page__field input{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);color:var(--ds-ink);font:400 var(--ds-field-text)/var(--ds-field-leading)var(--ds-font);min-height:var(--ds-field-height);padding:10px var(--ds-field-inset);transition:border-color .16s var(--ds-ease),box-shadow .16s var(--ds-ease);background:#fff;outline:none;width:100%;box-shadow:0 2px 4px #00000004,0 4px 10px #00000003}.auth-page__field input::placeholder{color:var(--ds-text-soft);font-weight:400}.auth-page__field input:hover{border-color:var(--ds-border-strong)}.auth-page__password{position:relative}.auth-page__password input{padding-right:58px}.auth-page__password button{color:var(--ds-text);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:0;right:0}.auth-page__password button:hover{background:var(--ds-surface);color:var(--ds-ink)}.auth-page__aux{justify-content:flex-end;display:flex}.auth-page__aux a,.auth-page__switch a,.auth-page__legal a{color:var(--ds-ink);text-underline-offset:3px;font-weight:600;text-decoration-thickness:1px}.auth-page__aux a{font-size:13px}.auth-page__submit{justify-self:start}.auth-page__text-action{color:var(--ds-ink);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;border-radius:4px;padding:0;font-weight:600;text-decoration:underline}.auth-page__text-action:disabled{color:var(--ds-text-disabled);cursor:default;text-decoration:none}.auth-page__otp{width:100%;max-width:328px;position:relative}.auth-page__otp-slots{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.auth-page__otp-slot{border:1px solid var(--ds-border);color:var(--ds-ink);font-variant-numeric:tabular-nums;height:48px;transition:border-color .16s var(--ds-ease),box-shadow .16s var(--ds-ease);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:19px;font-weight:600;display:flex;box-shadow:0 2px 4px #00000004,0 4px 10px #00000003}.auth-page__otp-slot.is-active{border-color:var(--ds-brand);box-shadow:0 0 0 3px var(--ds-brand-soft)}.auth-page__otp-slot.is-invalid{border-color:var(--ds-danger-ring)}.auth-page__otp .auth-page__otp-input{box-shadow:none;cursor:text;opacity:0;z-index:1;border:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.auth-page .auth-page__otp-input:focus-visible{outline:none}.auth-page__visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-page__code-actions{color:var(--ds-text-soft);align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.auth-page__field-error{color:var(--ds-danger);font-size:12px;line-height:18px}.auth-page__switch--compact{margin-top:12px!important}.auth-page__social{margin-bottom:20px}.auth-page__providers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-page__provider{width:100%;min-height:var(--ds-button-height);background:#f7f7f7;font-weight:500}.auth-page__provider svg{flex-shrink:0}.auth-page__provider:hover:not(:disabled){background:#efefef;transform:none}.auth-page__social .auth-page__error{margin-top:14px}.auth-page .auth-page__submit{background:var(--ds-ink);color:var(--ds-inverse);font-weight:500}.auth-page .auth-page__submit:hover:not(:disabled){background:var(--ds-ink);filter:brightness(1.2)}.auth-page .auth-page__submit:disabled{color:var(--ds-text-disabled);opacity:1;background:#f7f7f7}.auth-page__email{position:relative}.auth-page__email>svg{color:var(--ds-text-soft);pointer-events:none;position:absolute;top:13px;left:14px}.auth-page__email input{padding-left:42px}.auth-page__email-summary{color:var(--ds-text);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.auth-page__email-summary>span{overflow-wrap:anywhere;min-width:0}.auth-page__email-summary .ds-button{flex-shrink:0}.auth-page__reveal{animation:authReveal .2s var(--ds-ease)both;gap:16px;display:grid}@keyframes authReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-page__divider{color:var(--ds-text-soft);align-items:center;gap:14px;margin-top:20px;font-size:12px;display:flex}.auth-page__divider:before,.auth-page__divider:after{background:var(--ds-border);content:"";flex:1;height:1px}.auth-page__switch{color:var(--ds-text);text-align:left;margin:26px 0 0;font-size:13px}.auth-page__legal{color:var(--ds-text-soft);text-align:left;margin:18px 0 0;font-size:12px;line-height:18px}.auth-page__error{background:var(--ds-danger-soft);border:1px solid var(--ds-danger-ring);color:var(--ds-danger);border-radius:12px;margin:0 0 22px;padding:14px 16px;font-size:14px;line-height:20px}.auth-page__success{background:var(--ds-brand-soft);border:1px solid var(--ds-brand-border);color:var(--ds-brand-strong);border-radius:12px;margin:0 0 22px;padding:16px;font-size:14px;line-height:21px}.auth-page__scene{background:url(/portal-spaces.jpg) 50%/cover no-repeat;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:600px;margin:14px 14px 14px 0;padding:48px;display:flex;position:relative;overflow:hidden}.auth-page__scene:before{content:"";pointer-events:none;background:linear-gradient(#0d2b2280,#0d2b2200 35%,#0d2b2233);position:absolute;inset:0}.auth-page__scene-heading{color:#fff;text-align:center;max-width:540px;margin-bottom:24px;position:relative}.auth-page__scene-heading span{letter-spacing:.12em;font-size:11px;font-weight:700}.auth-page__scene-heading p{letter-spacing:-.03em;margin:8px 0 0;font-size:27px;font-weight:600;line-height:33px}.auth-page__paper-wrap{background:#fffdfa;width:100%;max-width:540px;position:relative;transform:rotate(-3deg);box-shadow:0 26px 70px #16332638}.auth-page__paper-wrap .invoice-paper{padding:32px 34px 24px}.auth-page__paper-wrap .invoice-paper__head{margin-bottom:34px}.auth-page__paper-wrap .invoice-paper__dates,.auth-page__paper-wrap .invoice-paper__parties{margin-bottom:22px}.auth-page__paper-wrap .invoice-paper__grand-total{padding-top:12px!important}.auth-page__scene-note{color:#fff;margin-top:28px;font-size:12px;position:relative}.auth-page :where(a,button,input):focus-visible{outline:2px solid var(--ds-brand);outline-offset:3px}@media (min-width:901px){.auth-page{height:100dvh;min-height:0}.auth-page__form-side{min-height:0;overflow-y:auto}.auth-page__scene{min-height:0}}@media (min-width:901px) and (max-height:800px){.auth-page__scene{padding:24px}.auth-page__scene-heading{margin-bottom:14px}.auth-page__scene-heading p{font-size:23px;line-height:28px}.auth-page__paper-wrap{zoom:.78}.auth-page__scene-note{margin-top:14px}}@media (min-width:901px) and (max-height:650px){.auth-page__scene{padding:18px}.auth-page__scene-heading{margin-bottom:10px}.auth-page__scene-heading p{font-size:19px;line-height:24px}.auth-page__paper-wrap{zoom:.65}.auth-page__scene-note{margin-top:10px}}@media (max-width:1100px){.auth-page__scene{padding:28px}.auth-page__paper-wrap{transform:rotate(-2deg)scale(.9)}}@media (max-width:900px){.auth-page{display:block}.auth-page__form-side{min-height:100dvh}.auth-page__scene{display:none}}@media (max-width:560px){.auth-page__form-side{padding:24px 24px 28px}.auth-page__form-wrap{padding:40px 0}.auth-page__field input{font-size:16px}}@media (prefers-reduced-motion:reduce){.auth-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}