.nexon-verify-page {
	padding-bottom: 80px;
}

.nexon-verify-page__hero {
	background:
		radial-gradient(ellipse at 20% 0%, rgba(197, 160, 89, 0.12), transparent 50%),
		linear-gradient(180deg, #f7f5f2 0%, #ffffff 100%);
	padding: 72px 0 40px;
	border-bottom: 1px solid rgba(197, 160, 89, 0.2);
}

.nexon-verify-page__hero .nexon-heading-dark {
	margin: 10px 0 12px;
}

.nexon-verify-page__lead {
	max-width: 36em;
	color: var(--nexon-muted);
	margin: 0;
	font-size: 16px;
}

.nexon-verify-page__body {
	padding-top: 36px;
}

.nexon-verify {
	max-width: 640px;
}

.nexon-verify__label {
	display: block;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--nexon-muted);
	margin-bottom: 10px;
}

.nexon-verify__row {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.nexon-verify__input {
	flex: 1 1 260px;
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid rgba(10, 10, 10, 0.18);
	border-radius: 2px;
	font-family: var(--nexon-font-sans);
	font-size: 16px;
	letter-spacing: 0.04em;
}

.nexon-verify__input:focus {
	outline: 2px solid rgba(197, 160, 89, 0.45);
	border-color: var(--nexon-gold);
}

.nexon-verify__btn {
	min-height: 52px;
	cursor: pointer;
}

.nexon-verify__result {
	margin-top: 22px;
	padding: 22px 24px;
	border: 1px solid var(--nexon-border);
	background: #faf8f5;
}

.nexon-verify__result--verified {
	border-color: rgba(46, 125, 50, 0.45);
	background: rgba(46, 125, 50, 0.06);
}

.nexon-verify__result--not_found,
.nexon-verify__result--invalid,
.nexon-verify__result--error,
.nexon-verify__result--rate_limited {
	border-color: rgba(160, 40, 40, 0.35);
	background: rgba(160, 40, 40, 0.05);
}

.nexon-verify__result--pending {
	opacity: 0.85;
}

.nexon-verify__status {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 600;
}

.nexon-verify__code {
	margin: 0 0 8px;
	font-size: 14px;
}

.nexon-verify__code span {
	color: var(--nexon-muted);
	margin-right: 6px;
}

.nexon-verify__history {
  margin: 0;
  color: var(--nexon-muted);
  font-size: 14px;
}

.nexon-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
  gap: 40px;
  align-items: start;
}

.nexon-contact-form {
  display: grid;
  gap: 10px;
  max-width: 560px;
}

.nexon-contact-form label {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--nexon-muted);
  margin-top: 6px;
}

.nexon-contact-form input,
.nexon-contact-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(10, 10, 10, 0.18);
  border-radius: 2px;
  font-family: var(--nexon-font-sans);
  font-size: 15px;
}

.nexon-contact-form input:focus,
.nexon-contact-form textarea:focus {
  outline: 2px solid rgba(197, 160, 89, 0.45);
  border-color: var(--nexon-gold);
}

.nexon-contact-form .nexon-btn {
  margin-top: 10px;
  justify-self: start;
  cursor: pointer;
}

.nexon-contact-aside .nexon-prose-list {
  margin: 12px 0 0;
  padding-left: 18px;
}

@media (max-width: 800px) {
  .nexon-contact-layout {
    grid-template-columns: 1fr;
  }
}