:root {
  color-scheme: dark;
  --bg: #070a0f;
  --panel: #101722;
  --line: #263446;
  --text: #edf4fb;
  --muted: #a5b3c3;
  --cyan: #55d5e8;
  --gold: #e2b85f;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(circle at 20% 0%, #152130 0, var(--bg) 45%);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  line-height: 1.75;
}
a { color: var(--cyan); }
.wrap { width: min(880px, calc(100% - 36px)); margin: 0 auto; }
header { border-bottom: 1px solid var(--line); background: rgba(7,10,15,.86); }
nav { min-height: 68px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.brand { color: var(--text); text-decoration: none; font-weight: 800; margin-right: auto; }
nav a:not(.brand) { color: var(--muted); text-decoration: none; font-size: .92rem; }
main { padding: 58px 0 80px; }
.hero { padding: 40px 0 56px; }
.eyebrow { color: var(--cyan); font-size: .8rem; letter-spacing: .16em; font-weight: 800; }
h1 { font-size: clamp(2rem, 8vw, 4.2rem); line-height: 1.1; margin: 14px 0 20px; }
h2 { margin-top: 42px; color: var(--gold); }
.lead { font-size: 1.12rem; color: var(--muted); max-width: 680px; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin-top: 34px; }
.card, form { border: 1px solid var(--line); background: rgba(16,23,34,.84); border-radius: 14px; padding: 22px; }
.card h3 { margin-top: 0; }
.button { display: inline-block; margin-top: 18px; padding: 11px 18px; border-radius: 8px; background: var(--cyan); color: #061014; text-decoration: none; font-weight: 800; }
label { display: block; margin: 18px 0 6px; font-weight: 700; }
input, select, textarea { width: 100%; padding: 12px; border: 1px solid #405169; border-radius: 8px; background: #080d14; color: var(--text); font: inherit; }
textarea { min-height: 150px; resize: vertical; }
button { margin-top: 20px; border: 0; padding: 12px 20px; border-radius: 8px; background: var(--cyan); color: #061014; font: inherit; font-weight: 800; cursor: pointer; }
.bot { position: absolute; left: -10000px; }
.note, footer { color: var(--muted); font-size: .9rem; }
footer { border-top: 1px solid var(--line); padding: 28px 0 42px; }
li { margin: 8px 0; }