*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Arial,sans-serif;background:#070b10;color:#eef4ff}
a{color:#7db2ff}
header,section,footer{max-width:960px;margin:0 auto;padding:22px 18px}
header{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;font-size:22px;color:#eef4ff;text-decoration:none}
nav a{margin-left:14px;text-decoration:none;color:#c9d7ee}
.hero{padding-top:36px}
.badge{color:#8be0a8;letter-spacing:.04em;text-transform:uppercase;font-size:12px}
h1{font-size:38px;line-height:1.15}
h1 em{color:#8be0a8;font-style:normal}
.lead{max-width:36rem;color:#b7c6dc}
.btn,button{display:inline-block;background:#8be0a8;color:#062015;border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
article{background:#101826;border:1px solid #243044;border-radius:16px;padding:18px}
article.hit{border-color:#8be0a8}
.price{font-size:32px;font-weight:800;margin:8px 0}
.note,footer{color:#8fa2bb}
details{background:#101826;border-radius:12px;padding:12px 14px;margin:8px 0}
ol{line-height:1.7}