{% include "header" %}

<main class="np-main np-account">
  <div class="np-flex np-flex-center width-limit">
    {% include "account_desktop_view", form: form %}
  </div>
</main>

<style>
  .np-account {
    background: #F7F7FE;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: calc(100vh - 84px);
  }
  .np-account .np-card {
    max-width: unset;
    width: 100%;
  }
  .np-account-form {
    margin-bottom: 80px !important;
  }
  .account-form-title {
    color: var(--green);
    margin-bottom: 40px;
  }
  .np-account .np-card-container {
    box-shadow: none;
    background: none;
  }
  .np-input {
    background: #FFF;
    border-radius: 0;
    border: 1px solid #E1E1FF;
    margin-top: 5px;
  }
  .np-form-field {
    margin-bottom: 20px !important;
  }
  .np-account .np-form-action {
    margin: 20px 0 0;
  }

  @media only screen and (min-width: 1024px) {
    .np-account {
      padding-top: 80px;
      padding-bottom: 80px;
    }
    .np-account-form {
        margin-bottom: 0 !important;
    }
  }
</style>
