:root{
  --bg:#000;
  --ink:#fff;
  --muted:#8b8b8b;
  --text:#c4c4c4;
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(255,255,255,.34);
  --glitch:#c9f24d;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Inter","Helvetica Neue",Helvetica,Arial,"Segoe UI",system-ui,sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.05), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 64px);
}

.wrap{position:relative; z-index:1; max-width:820px; margin:0 auto; padding:0 24px}

header{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px 0; border-bottom:1px solid var(--line);
}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink)}
.brand img{width:34px; height:34px; display:block}
.brand b{font-size:14px; letter-spacing:.22em; text-transform:uppercase; font-weight:800}
header a.back{
  color:var(--muted); text-decoration:none; font-size:12px;
  letter-spacing:.16em; text-transform:uppercase;
}
header a.back:hover{color:var(--ink)}

main{padding:44px 0 24px}

h1{
  margin:0 0 10px;
  font-size:clamp(28px,5vw,44px); line-height:1.05;
  letter-spacing:-.03em; font-weight:900; text-transform:uppercase; color:var(--ink);
}
.updated{
  margin:0 0 40px; font-size:13px; color:var(--muted);
  letter-spacing:.06em;
}
.preamble{
  border-left:2px solid var(--glitch); padding:2px 0 2px 20px; margin:0 0 44px;
  color:#d6d6d6;
}

h2{
  margin:44px 0 16px;
  font-size:clamp(17px,2.4vw,21px); line-height:1.25;
  letter-spacing:-.01em; font-weight:800; color:var(--ink);
  padding-top:22px; border-top:1px solid var(--line);
}
h2 span{color:var(--muted); font-weight:700; margin-right:10px}

p{margin:0 0 14px}
b,strong{color:var(--ink); font-weight:700}
a{color:var(--glitch); text-decoration:none; border-bottom:1px solid rgba(201,242,77,.35)}
a:hover{border-color:var(--glitch)}

ul{margin:0 0 14px; padding:0; list-style:none}
li{position:relative; padding-left:22px; margin-bottom:10px}
li::before{
  content:"—"; position:absolute; left:0; top:0; color:var(--muted);
}

table{
  width:100%; border-collapse:collapse; margin:0 0 18px;
  border:1px solid var(--line);
}
th,td{
  padding:12px 14px; text-align:left; font-size:15px;
  border-bottom:1px solid var(--line);
}
th{
  color:var(--muted); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  font-weight:700;
}
tr:last-child td{border-bottom:0}
td b{color:var(--ink)}

.note{
  border:1px solid var(--line-strong); padding:18px 20px; margin:0 0 18px;
  font-size:15px;
}
.note b{color:var(--glitch)}

.requisites{
  border:1px solid var(--line-strong); padding:22px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:14px; line-height:2;
}
.requisites .fill{color:#5a5a5a}

footer{
  margin-top:56px; border-top:1px solid var(--line);
  padding:26px 0 56px; color:var(--muted); font-size:13px;
  display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:space-between;
}
footer a{color:var(--muted); border-bottom-color:var(--line)}
footer a:hover{color:var(--ink)}

@media (max-width:640px){
  main{padding:32px 0 16px}
  h2{margin-top:34px}
  table{display:block; overflow-x:auto}
}