form {
  width: 100%;

  .field {
    margin-top: var(--golden-l);

    label {
      font-size: var(--golden-l);
      font-weight: 700;
      display: block;
      margin-bottom: var(--golden-xs);
    }

    input {
      box-sizing: border-box;
      width: 100%;
      padding: var(--golden-xs) var(--golden-s);
      border: 1px solid var(--alt-gray);
      border-radius: 4px;
      border-radius: var(--golden-xxs);
      font-size: var(--golden-l);
    }

    input[type='checkbox'] {
      width: auto;
    }
  }

  .field.remember label {
    display: inline-block;
  }

  .actions {
    text-align: center;
    margin: var(--golden-l);
  }

  fieldset {
    font-size: var(--golden-l);
    border: 1px solid var(--alt-gray);
    padding: var(--golden-m);
    margin: var(--golden-l) 0;
  }
}