*{box-sizing:border-box}
html{min-height:100%;background:#0d2b66}
body{margin:0;min-height:100%;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#f5f8ff;background:linear-gradient(180deg,#103875,#101820)}
.page{width:min(820px,calc(100% - 32px));margin:0 auto;padding:42px 0 64px}
.back{display:inline-flex;align-items:center;min-height:40px;color:#8fd0f0;text-decoration:none;font-weight:800;margin-bottom:24px}
h1{font-size:42px;line-height:1;margin:0 0 18px}
h2{font-size:20px;margin:28px 0 8px;color:#ffd23f}
p{font-size:16px;line-height:1.65;color:#e9eef8;margin:0 0 12px}
main{background:rgba(7,12,24,.42);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding-left:24px;padding-right:24px}
@media (max-width:640px){
  .page{width:100%;padding:24px 16px 48px}
  main{border:0;border-radius:0;background:transparent;padding-left:0;padding-right:0}
  h1{font-size:34px}
}