html, body {
  background-color: rgb(8, 8, 10);
}

.nf {
  min-height: 100svh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 0px;
  column-gap: 0px;
  padding: 32px clamp(20px, 5vw, 64px);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(8, 8, 10);
  color: rgb(243, 241, 234);
  font-family: Switzer, "Helvetica Neue", Arial, sans-serif;
}

.nf-logo {
  position: absolute;
  top: 28px;
  left: clamp(20px, 5vw, 64px);
  color: rgb(243, 241, 234);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  font-size: 20px;
  letter-spacing: -0.02em;
}

.nf-logo b {
  font-weight: 700;
}

.nf-code {
  margin: 0px;
  font-size: clamp(14px, 1.2vw, 16px);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(217, 251, 3);
}

.nf-h {
  margin: 16px 0px 0px;
  font-weight: 400;
  font-size: clamp(48px, 9vw, 140px);
  line-height: 0.95;
  letter-spacing: -0.045em;
}

.nf-tx {
  margin: 24px 0px 0px;
  max-width: 40ch;
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.45;
  color: rgba(243, 241, 234, 0.75);
}

.nf-fr {
  margin-top: 8px;
}

.nf-acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 12px;
  column-gap: 16px;
  margin-top: 36px;
}

.nf-btn {
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0px 22px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(243, 241, 234);
  color: rgb(12, 12, 14);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  font-size: 15px;
}

.nf-btn:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(217, 251, 3);
}

.nf-ghost {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: rgb(243, 241, 234);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(243, 241, 234, 0.3);
  border-right-color: rgba(243, 241, 234, 0.3);
  border-bottom-color: rgba(243, 241, 234, 0.3);
  border-left-color: rgba(243, 241, 234, 0.3);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.nf-ghost:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-color: rgb(243, 241, 234);
  border-right-color: rgb(243, 241, 234);
  border-bottom-color: rgb(243, 241, 234);
  border-left-color: rgb(243, 241, 234);
}

.nf-link {
  color: rgb(243, 241, 234);
  font-size: 15px;
  text-underline-offset: 4px;
}