*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Onest', system-ui, -apple-system, sans-serif;
  background: #0A0A0A url("/img/asphalt.jpg") center top / cover fixed no-repeat;
  color: #F5F5F5; line-height: 1.55;
  position: relative;
  -webkit-font-smoothing: antialiased; overflow-x: hidden;
  padding-bottom: env(safe-area-inset-bottom);
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
.wrap { max-width: 560px; margin: 0 auto; padding: 0 18px; position: relative; z-index: 2; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(130% 80% at 50% 0%, rgba(10,10,10,.10), rgba(10,10,10,.55) 60%, rgba(10,10,10,.78) 100%),
    linear-gradient(180deg, rgba(10,10,10,.30), rgba(10,10,10,.10) 35%, rgba(10,10,10,.62));
}

/* ---- шапка ---- */
.top {
  display: flex; align-items: center; gap: 10px;
  padding: 18px 18px 6px; max-width: 560px; margin: 0 auto;
  position: relative; z-index: 2;
}
.logo {
  width: 52px; height: 42px; border-radius: 21px;
  background: #006341; border: 2px solid #C9A227;
  display: grid; place-items: center;
  font-family: 'Comfortaa', 'Nunito', 'Manrope', sans-serif; font-size: 15px;
  font-weight: 700; letter-spacing: .5px; color: #F7F7F2;
  flex: 0 0 auto;
}
.top b { font-family: 'Comfortaa', 'Nunito', 'Manrope', sans-serif; font-size: 15px; letter-spacing: .5px; }
.top small { display: block; font-size: 11px; color: #8a8a8a; letter-spacing: 1.5px; font-weight: 500; }

/* ---- герой ---- */
.hero { padding: 22px 0 8px; }
.pill {
  display: inline-block; background: rgba(0,99,65,.16); border: 1px solid #006341;
  color: #7fd6ae; font-size: 12px; font-weight: 600; letter-spacing: .6px;
  padding: 6px 12px; border-radius: 100px; margin-bottom: 18px;
}
h1 {
  font-family: 'Comfortaa', 'Nunito', 'Manrope', sans-serif; font-size: 30px; line-height: 1.18;
  letter-spacing: .3px; margin-bottom: 16px;
}
h1 em { font-style: normal; color: #C9A227; }
.lead { font-size: 16px; color: #D5D5D5; margin-bottom: 22px; }
.lead b { color: #F5F5F5; }

/* ---- шаги ---- */
.steps { margin: 6px 0 26px; }
.step {
  display: flex; gap: 14px; align-items: flex-start;
  background: rgba(18,18,18,.80); border: 1px solid #2e2e2e;
  border-radius: 14px; padding: 15px 16px; margin-bottom: 10px;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.num {
  flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%;
  background: #006341; color: #F7F7F2; font-family: 'Comfortaa', 'Nunito', 'Manrope', sans-serif;
  font-size: 14px; display: grid; place-items: center;
}
.step h3 { font-size: 15px; font-weight: 700; margin-bottom: 3px; }
.step p { font-size: 13.5px; color: #9a9a9a; }
.step p a { color: #7fd6ae; font-weight: 600; }

/* ---- кнопки ---- */
.cta {
  display: block; width: 100%; text-align: center;
  padding: 16px 18px; border-radius: 13px; font-weight: 700; font-size: 16px;
  margin-bottom: 11px; border: 1px solid transparent; transition: transform .12s, filter .12s;
}
.cta:active { transform: scale(.985); }
.cta.primary { background: #006341; color: #fff; }
.cta.primary:hover { filter: brightness(1.12); }
.cta.ghost { background: rgba(255,255,255,.05); border-color: #2e2e2e; color: #E8EAED; }
.cta.gold { background: #C9A227; color: #141414; }
.small { font-size: 12.5px; color: #777; text-align: center; margin: 14px 0 0; }
.small a { color: #7fd6ae; }

/* ---- инфо ---- */
.info {
  margin: 30px 0 10px; border-top: 1px solid #1e1e1e; padding-top: 22px;
}
.row { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; font-size: 14px; border-bottom: 1px solid #161616; }
.row span { color: #8a8a8a; }
.row b { font-weight: 600; text-align: right; }
.foot { text-align: center; font-size: 11.5px; color: #5a5a5a; padding: 26px 18px 34px; letter-spacing: .5px; }

/* ===== NEON HEADINGS (жёлтый неон + свечение) ===== */
.psk-neon{font-weight:800;letter-spacing:-.01em;text-shadow:0 0 8px rgba(252,134,2,.55),0 0 22px rgba(252,134,2,.22)}
.psk-neon-strong{text-shadow:0 0 10px rgba(252,134,2,.75),0 0 30px rgba(252,134,2,.3)}