@charset "UTF-8";

:root {
  --color-contrast: #383838;
  --color-base: #fff;
  --color-accent-1: #00A23F;
}

.ly_wrapper {
  display: grid;
  grid-template: 
    "header" auto
    "main" 1fr / 1fr;
  min-block-size: 100vh;
  min-block-size: 100dvb;
}

.ly_header {
  grid-area: header;

}

.ly_main {
  grid-area: main;
  background: #F2F2F2;
}

.bl_header {
  inline-size: min(100%, 1200px);
  margin-inline: auto;
  padding: 10px;
}

.bl_header_logo {
  inline-size: min(80%, 330px);
  margin-inline: auto;
  padding-inline-end: 15px;
  box-sizing: content-box;
}

.bl_section {
  inline-size: min(100%, 1200px);
  margin-inline: auto;
  padding: 40px 10px;
}

.bl_section_vGrid {
  display: grid;
  gap: 20px;
}

.bl_passwd_wrap {
  inline-size: min(100%, 580px);
  margin-inline: auto;
  background: var(--color-base);
}

.bl_passwd {
  inline-size: min(90%, 400px);
  margin-inline: auto;
  padding-block: 30px;
}

.bl_passwd_btn {
  inline-size: 100%;
  padding: 0.8em;
  color: var(--color-base);
  background: var(--color-accent-1);
  border-radius: 6px;
  border: none;
}

.bl_form_label {
  margin-block-end: 5px;
}

.bl_passwd_notice {
  display: inline-block;
  font-size: 13px;
  margin-block-start: 10px;
}

.bl_login_copyright {
  margin-block-start: 2.4lh;
  color: #7B7B7B;
  text-align: center;
}

.bl_login_copyright a {
  color: #7B7B7B;
  text-underline-offset: 2px;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .bl_login_copyright a:hover {
    text-decoration-thickness: 2px;
  }
}

.hp_tac {
  text-align: center;
}

.hp_anchor {
  color: var(--color-contrast);
  text-underline-offset: 2px;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .hp_anchor:hover {
    color: var(--color-contrast);
    text-decoration-thickness: 2px;
  }
}

@media (min-width: 768px) {
  .bl_header_logo {
    margin: 0;
    padding: 0;
  }
  .un_login_vPos {
    align-content: center;
    block-size: min(85%, 850px);
  }
}