.page-login-gate{align-items:center;display:flex;justify-content:center;padding:50px 0}.page-login-gate .box-login-gate{display:flex;flex-direction:column;max-width:860px;row-gap:35px;text-align:center;width:100%}.page-login-gate .area-title{display:flex;flex-direction:column;row-gap:10px}.page-login-gate .area-link{-moz-column-gap:18px;column-gap:18px;display:flex}.page-login-gate .area-link .link{border-radius:var(--old-radius-level3);box-sizing:border-box;flex:1;height:258px;padding:25px;position:relative;text-align:left}.page-login-gate .area-link .link.--blue{background:var(--old-color-container-primary-selected2)}.page-login-gate .area-link .link.--blue .link-caption,.page-login-gate .area-link .link.--blue .type{color:var(--old-color-blue-500)}.page-login-gate .area-link .link.--blue .path{fill:var(--old-color-blue-500)}.page-login-gate .area-link .link.--yellow{background:var(--old-color-yellow-100)}.page-login-gate .area-link .link.--yellow .link-caption,.page-login-gate .area-link .link.--yellow .type{color:var(--old-color-yellow-800)}.page-login-gate .area-link .link.--yellow .path{fill:var(--old-color-yellow-800)}.page-login-gate .area-link .link:hover:before{border-radius:var(--old-radius-level3);bottom:0;box-sizing:border-box;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:10}.page-login-gate .area-link .link:hover.--blue:before{border:2px solid var(--old-color-border-secondary)}.page-login-gate .area-link .link:hover.--yellow:before{border:2px solid var(--old-color-yellow-700)}.page-login-gate .area-link .link:active.--blue{background:var(--old-color-container-primary-selected3)}.page-login-gate .area-link .link:active.--yellow{background:var(--old-color-yellow-200)}.page-login-gate .area-link .link .type{font-family:var(--font-family-rending);font-size:var(--old-font-size-heading-xs);font-weight:var(--font-weight-bold);margin-bottom:14px}.page-login-gate .area-link .link .link-caption{font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}.page-login-gate .area-link .link .img{bottom:0;height:auto;left:50%;position:absolute;transform:translate(-50%);width:245px;z-index:2}.page-login-gate .area-link .link .icon{height:92px;position:absolute;right:-10px;top:10px;width:92px;z-index:1}.page-login-gate .area-sign-up{display:flex;flex-direction:column;row-gap:16px}.page-login-gate .area-sign-up .link{background:var(--old-color-container-disabled);border-radius:var(--old-radius-level4);color:var(--old-color-container-secondary-inverse);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-bold);height:64px;line-height:64px;text-align:center;width:100%}.page-login-gate .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-m);font-weight:var(--font-weight-semibold)}.page-login-gate .caption{color:var(--old-color-gray-580);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}@media (max-width:1200px){.page-login-gate .box-login-gate{row-gap:20px;width:100%}.page-login-gate .area-title{row-gap:14px}.page-login-gate .area-link{flex-direction:column;row-gap:14px}.page-login-gate .area-link .link{max-height:201px;min-height:201px;padding:20px;position:relative}.page-login-gate .area-link .link .type{font-size:var(--old-font-size-subtitle-s);margin-bottom:8px}.page-login-gate .area-link .link .link-caption{font-size:var(--old-font-size-body-s)}.page-login-gate .area-link .link .img{width:192px}.page-login-gate .area-link .link .icon{right:-7px;top:8px}.page-login-gate .area-sign-up{row-gap:14px}.page-login-gate .area-sign-up .link{font-size:var(--old-font-size-body-s);height:46px;line-height:46px;text-align:center}.page-login-gate .title{font-size:var(--old-font-size-subtitle-s)}.page-login-gate .caption{font-size:var(--old-font-size-body-s)}}