Максим Васильев

у вас в html получается матрёшка из элементов:

<div class="main-container">
  <some-form>
   <div></div>
  </some-form>
</div>

И рендеринг элемента `some-form` и его рамеров передаётся на совесть браузера.

Вам надо либо указать параметр директивы replace: true, чтобы полностью заменять элемент на шаблон.
Либо использовать атрибутную директиву.

Ну а ещё у вас тупо не к чему применять css registration-form - такого элемента в html не образуется.

конкретно для бутстраповских панелек достаточно дописать:

.panel {
  display: flex; 
  flex-direction: column; 
}

.panel-body {
  flex-grow: 1;
}

Взаимодействие с iframe запрещено политикой безопасности:
en.wikipedia.org/wiki/Same-origin_policy

Залезть в iframe можно через плагины браузера с разрешениями доступка к определённым сайтам (находящимся в iframe)

www.w3.org/Style/Examples/007/leaders

Термин "авторизация" (authorization) означает предоставление доступа (например, юзеру к содержимому, или приложению к данным пользователя или функуиям api).
Термин "аутентификация" (authentication) означает подтверждение подлинности (например, юзера, или приложения, или сайта).

Вконтакт может аутентифицировать ваш сайт, по секретному ключу.
Вконтакт может аутентифицировать пользователя, по его логину и паролю.
Пользователь может авторизовать ваш сайт на доступ к его данным, по своему усмотрению и параноидальности.
Ваш сайт может аутентифицировать пользователя, по данным контакта.
Ваш сайт может авторизовать пользователя на просмотр содержимого, по вашей логике.

Первые три пункта делаются по протоколу OAuth, описанному в документации вконтакта.
Если вам не понятно, вам нужно не на тостер, а на фрилансим.