:root{
  --bg:#0b0d16;
  --panel:#111522;
  --text:#e8ebf4;
  --muted:#a7b0c5;
  --line:#23283a;
  --accent:#d9b27c;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;
  background:linear-gradient(180deg,#090b13 0%,#0d1120 100%);
  color:var(--text);
  line-height:1.8;
}

.wrap{
  width:min(880px,92%);
  margin:0 auto;
  padding:56px 0 80px;
}

.hero{
  padding:40px 0 24px;
}

.eyebrow{
  color:var(--accent);
  letter-spacing:.08em;
  font-size:14px;
  margin:0 0 12px;
}

h1{
  font-size:clamp(28px,4vw,44px);
  line-height:1.35;
  margin:0 0 16px;
}

.lead{
  color:var(--muted);
  margin:0;
}

.block,.note{
  margin-top:28px;
  padding:24px;
  background:rgba(17,21,34,.72);
  border:1px solid var(--line);
  border-radius:18px;
  backdrop-filter:blur(6px);
}

h2{
  margin:0 0 12px;
  font-size:20px;
}

ul{
  margin:0;
  padding-left:20px;
}

a{
  color:#f2d9b3;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.note p{
  color:var(--muted);
  margin:0 0 8px;
}