:root {
  --landing-ink: #fffaf0;
  --landing-muted: #b8c2b6;
  --landing-mint: #2df1ac;
  --landing-amber: #f4b85b;
  --landing-bg: #0a1010;
}

.link-page.simple-site {
  --ink: var(--landing-ink);
  --muted: var(--landing-muted);
  --line: rgba(244, 184, 91, 0.22);
  --panel: rgba(16, 19, 17, 0.9);
  --accent: var(--landing-mint);
  --accent-2: var(--landing-amber);
  --accent-dark: #0e7a58;
  --accent-rgb: 45, 241, 172;
  --accent-2-rgb: 244, 184, 91;
  --accent-muted-rgb: 244, 184, 91;
  --hero-wash-rgb: 68, 111, 76;
  background:
    radial-gradient(circle at 50% -10rem, rgba(45, 241, 172, 0.18), transparent 29rem),
    radial-gradient(circle at 88% 24rem, rgba(244, 184, 91, 0.16), transparent 23rem),
    linear-gradient(180deg, #111612 0%, var(--landing-bg) 46%, #13100d 100%);
}

.simple-site .bio-nav {
  border-bottom-color: rgba(244, 184, 91, 0.16);
  background: linear-gradient(180deg, rgba(13, 17, 15, 0.94), rgba(13, 17, 15, 0.7));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
}

.simple-site .bio-nav a:not(.bitecheck-nav-link) {
  color: rgba(255, 250, 240, 0.78);
}

.simple-site .bio-nav .brand {
  color: var(--landing-ink);
}

.simple-site .simple-hero-art .hero-word {
  -webkit-text-stroke-color: rgba(244, 184, 91, 0.24);
  filter: drop-shadow(0 12px 28px rgba(45, 241, 172, 0.1));
}

.simple-site .simple-hero-art::before {
  background: radial-gradient(ellipse at 50% 43%, rgba(45, 241, 172, 0.18) 0%, rgba(244, 184, 91, 0.1) 42%, rgba(255, 255, 255, 0) 76%);
}

.simple-site .handle {
  color: var(--landing-mint);
}

.simple-site .hero-quote,
.simple-site .trainer-title {
  width: min(100%, calc(100vw - 48px));
  max-width: min(28rem, calc(100vw - 48px));
  color: rgba(255, 250, 240, 0.68);
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.simple-site .action,
.simple-site .action.primary {
  position: relative;
  overflow: hidden;
  min-height: 58px;
  border: 1px solid rgba(244, 184, 91, 0.2);
  border-radius: 10px;
  color: var(--landing-ink);
  background: linear-gradient(180deg, rgba(24, 29, 25, 0.9), rgba(11, 16, 15, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 250, 240, 0.06), 0 14px 30px rgba(0, 0, 0, 0.2);
}

.simple-site .action::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(45, 241, 172, 0.16), rgba(244, 184, 91, 0.08), transparent 62%);
  opacity: 0.72;
}

.simple-site .action.primary {
  border-color: rgba(45, 241, 172, 0.5);
  background: linear-gradient(180deg, rgba(22, 42, 32, 0.98), rgba(8, 16, 14, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 250, 240, 0.08), 0 18px 38px rgba(45, 241, 172, 0.16);
}

.simple-site .action.primary::before {
  background: linear-gradient(90deg, rgba(45, 241, 172, 0.24), rgba(244, 184, 91, 0.14), transparent 72%);
  opacity: 1;
}

.simple-site .action span,
.simple-site .action small,
.simple-site .action::after {
  position: relative;
  z-index: 1;
}

.simple-site .action span,
.simple-site .action.primary span {
  color: var(--landing-ink);
}

.simple-site .action small,
.simple-site .action.primary small {
  color: rgba(255, 250, 240, 0.62);
}

.simple-site .action::after,
.simple-site .action.primary::after {
  color: var(--landing-amber);
}

.simple-site .simple-panel {
  border: 1px solid rgba(244, 184, 91, 0.18);
  border-radius: 12px;
  background-image:
    linear-gradient(rgba(244, 184, 91, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 184, 91, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(22, 27, 23, 0.88), rgba(10, 15, 14, 0.92));
  background-size: 42px 42px, 42px 42px, auto;
  box-shadow: inset 0 1px 0 rgba(255, 250, 240, 0.055), 0 20px 42px rgba(0, 0, 0, 0.24);
}

.simple-site .simple-panel h2 {
  max-width: 100%;
  font-size: clamp(1.8rem, 7vw, 2.25rem);
  line-height: 1.04;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.simple-site #apply {
  background-image:
    linear-gradient(rgba(244, 184, 91, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 184, 91, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 100% 0%, rgba(244, 184, 91, 0.1), transparent 12rem),
    linear-gradient(180deg, rgba(23, 26, 20, 0.9), rgba(10, 15, 14, 0.9));
}

.simple-site #quick-check {
  background-image:
    linear-gradient(rgba(45, 241, 172, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 184, 91, 0.032) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(45, 241, 172, 0.12), transparent 12rem),
    linear-gradient(180deg, rgba(15, 24, 19, 0.9), rgba(10, 15, 14, 0.9));
}

.simple-site .kicker,
.simple-site #quick-check .kicker {
  color: rgba(45, 241, 172, 0.82);
}

.simple-site .field-card {
  border-color: rgba(244, 184, 91, 0.16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 250, 240, 0.035), rgba(255, 250, 240, 0.012)), rgba(6, 10, 9, 0.32);
  box-shadow: none;
}

.simple-site input,
.simple-site textarea {
  border-color: rgba(244, 184, 91, 0.16);
  background: rgba(5, 9, 8, 0.46);
  color: var(--landing-ink);
}

.simple-site input:focus,
.simple-site textarea:focus {
  border-color: rgba(45, 241, 172, 0.54);
  box-shadow: 0 0 0 4px rgba(45, 241, 172, 0.1);
}

.simple-site .application-submit,
.simple-site button:not(.hero-word) {
  color: #06100d;
  background: linear-gradient(135deg, var(--landing-mint), var(--landing-amber));
  box-shadow: 0 14px 30px rgba(45, 241, 172, 0.14);
}

.simple-site .application-submit small {
  color: rgba(6, 16, 13, 0.68);
}

.simple-site .quick-output {
  border-color: rgba(244, 184, 91, 0.16);
  border-radius: 10px;
  background: rgba(5, 9, 8, 0.32);
}

.simple-site .quick-output strong {
  color: var(--landing-ink);
}

.simple-site .quick-output p {
  color: rgba(255, 250, 240, 0.68);
}

@media (max-width: 480px) {
  .simple-site .simple-panel h2 {
    font-size: clamp(1.65rem, 7.4vw, 1.95rem);
  }
}