.container{
  max-width:var(--max-width);
  margin:48px auto;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius:14px;
  padding:36px;
  box-shadow: 0 10px 40px rgba(2,6,15,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.03);
}

h1{font-size:32px;margin:0 0 12px 0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.6)}
h2{font-size:22px;margin:28px 0 10px 0;color:#d9ecff}
h3{font-size:18px;margin:18px 0 8px 0;color:#cfe6ff}
h4{font-size:15px;margin:14px 0 6px 0;color:#bfe0ff}
h5{font-size:13px;margin:10px 0 6px 0;color:#b0d9ff}

p{line-height:1.55;margin:10px 0;color:#dfeefc}
ul{margin:8px 0 12px 22px}
a{color:var(--link-official);text-decoration:none;font-weight:600}
a:hover{color:var(--link-hover);text-decoration:underline}

.note{
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  padding:12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.03);
  margin:14px 0;
  color:#d7efff;
  font-size:13px;
}

/* responsive */
@media (max-width:720px){
  .container{margin:20px;padding:20px}
  h1{font-size:24px}
}

/* footer */
.refs{font-size:13px;color:#9fc7ff;margin-top:20px}
.refs a{font-weight:500}