:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #07060d; color: #f4f1ff; font-family: Inter, "Segoe UI", system-ui, sans-serif; }
img { max-width: 100%; display: block; }
a { color: inherit; }
.top { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px 8px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 800; font-size: 28px; letter-spacing: -0.03em; }
.brand img { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; background: #1c1630; }
.loc { border: 1px solid #3a3358; border-radius: 999px; padding: 8px 14px; font-size: 14px; color: #d9d3ef; }
section { padding: 18px 22px 28px; }
.kicker { margin: 8px 0; color: #b9a7ff; font-weight: 800; letter-spacing: .04em; font-size: 14px; }
h1 { margin: 8px 0 12px; font-size: 34px; line-height: 1.15; letter-spacing: -0.03em; }
h2 { margin: 28px 0 12px; font-size: 28px; }
.big { font-size: 40px; line-height: 1.1; margin: 8px 0 12px; letter-spacing: -0.03em; }
.lead, .note, .adnote, .center, .footline { color: #c8c2dc; line-height: 1.45; }
.lead { font-size: 18px; margin: 0 0 18px; }
.btn { display: block; text-align: center; text-decoration: none; background: #05d7e8; color: #080b16; font-weight: 800; border-radius: 14px; padding: 16px 18px; margin: 8px 0; letter-spacing: .01em; }
.btn:active { transform: scale(.98); filter: brightness(.92); }
.note, .center, .footline { text-align: center; font-size: 14px; }
.posters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 14px 0 8px; }
.poster { display: block; border-radius: 16px; overflow: hidden; background: #161222; aspect-ratio: 181/259; border: 1px solid #2a2440; }
.poster img, .shot img { width: 100%; height: 100%; object-fit: cover; }
.shot { display: block; width: min(320px, 86%); margin: 10px auto; border-radius: 28px; overflow: hidden; background: #120e1c; border: 1px solid #2a2440; }
.shot img { aspect-ratio: 9/19; }
.zeros { list-style: none; padding: 0; margin: 10px 0 18px; }
.zeros li { display: flex; align-items: center; gap: 16px; margin: 10px 0; }
.zeros b { font-size: 54px; line-height: 1; min-width: 64px; }
.zeros span { font-size: 28px; font-weight: 700; }
.adnote { background: #141022; border-radius: 16px; padding: 18px; text-align: center; }
.steps { list-style: none; padding: 0; margin: 12px 0 20px; }
.steps li { display: flex; gap: 14px; margin: 16px 0; }
.steps b { font-size: 28px; color: #b9a7ff; min-width: 42px; }
.steps strong { display: block; font-size: 22px; }
.steps p { margin: 4px 0 0; color: #c8c2dc; }
.faq details { background: #141022; border-radius: 14px; padding: 14px 16px; margin: 10px 0; }
.faq summary { font-weight: 800; font-size: 18px; cursor: pointer; }
.faq p { color: #c8c2dc; margin: 8px 0 0; }
@media (max-width: 420px) {
  h1 { font-size: 28px; }
  .big { font-size: 32px; }
  .zeros b { font-size: 42px; }
  .zeros span { font-size: 22px; }
}