:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#060a0d;color:#dce9ed;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#9bc4d1}
.wrap{width:min(860px,calc(100% - 36px));margin:0 auto;padding:38px 0 70px}
.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:34px}
.brand{letter-spacing:.24em;text-transform:uppercase;font-size:11px;color:#9db0b8}
.back{text-decoration:none;font-size:12px;color:#8ba1aa}
.card{border:1px solid rgba(190,226,237,.11);border-radius:22px;background:#0a1115;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
h1{font-size:34px;line-height:1.05;margin:0 0 8px}
h2{font-size:18px;margin:30px 0 10px}
p,li{font-size:14px;line-height:1.7;color:#a9bcc4}
.meta{font-size:12px;color:#6f858e;margin-bottom:26px}
ul{padding-left:22px}
.note{margin-top:26px;padding:14px 16px;border-radius:14px;background:rgba(190,226,237,.045);color:#879ca4;font-size:12px;line-height:1.6}
footer{margin-top:24px;font-size:11px;color:#60747c}
@media(max-width:640px){.card{padding:22px}h1{font-size:28px}.top{align-items:flex-start;flex-direction:column}}