<html lang="en-US" class="lang-en-us">
<head><title>Just a moment...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="robots" content="noindex,nofollow">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>* {
box-sizing: border-box;
margin: 0;
padding: 0
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
color: #313131
}
button, html {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
color: #d9d9d9
}
body a {
color: #fff
}
body a:hover {
color: #ee730a;
text-decoration: underline
}
body .lds-ring div {
border-color: #999 transparent transparent
}
body .font-red {
color: #b20f03
}
body .pow-button {
background-color: #4693ff;
color: #1d1d1d
}
}
body {
display: flex;
flex-direction: column;
min-height: 100vh
}
body.no-js .loading-spinner {
visibility: hidden
}
body.no-js .challenge-running {
display: none
}
body.dark {
background-color: #222;
color: #d9d9d9
}
body.dark a {
color: #fff
}
body.dark a:hover {
color: #ee730a;
text-decoration: underline
}
body.dark .lds-ring div {
border-color: #999 transparent transparent
}
body.dark .font-red {
color: #b20f03
}
body.dark .pow-button {
background-color: #4693ff;
color: #1d1d1d
}
body.light {
background-color: transparent;
color: #313131
}
body.light a {
color: #0051c3
}
body.light a:hover {
color: #ee730a;
text-decoration: underline
}
body.light .lds-ring div {
border-color: #595959 transparent transparent
}
body.light .font-red {
color: #fc574a
}
body.light .pow-button {
background-color: #003681;
border-color: #003681;
color: #fff
}
a {
background-color: transparent;
color: #0051c3;
text-decoration: none;
transition: color .15s ease
}
a:hover {
color: #ee730a;
text-decoration: underline
}
.main-content {
margin: 8rem auto;
max-width: 60rem;
width: 100%
}
.heading-favicon {
height: 2rem;
margin-right: .5rem;
width: 2rem
}
@media (width <= 720px) {
.main-content {
margin-top: 4rem
}
.heading-favicon {
height: 1.5rem;
width: 1.5rem
}
}
.main-content {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.main-wrapper {
align-items: center;
display: flex;
flex: 1;
flex-direction: column
}
.font-red {
color: #b20f03
}
.spacer {
margin: 2rem 0
}
.h1 {
font-size: 2.5rem;
font-weight: 500;
line-height: 3.75rem
}
.h2 {
font-weight: 500
}
.core-msg, .h2 {
font-size: 1.5rem;
line-height: 2.25rem
}
.body-text, .core-msg {
font-weight: 400
}
.body-text {
font-size: 1rem;
line-height: 1.25rem
}
@media (width <= 720px) {
.h1 {
font-size: 1.5rem;
line-height: 1.75rem
}
.h2 {
font-size: 1.25rem
}
.core-msg, .h2 {
line-height: 1.5rem
}
.core-msg {
font-size: 1rem
}
}
.pow-button {
background-color: #0051c3;
border: .063rem solid #0051c3;
border-radius: .313rem;
color: #fff;
font-size: .875rem;
line-height: 1.313rem;
margin: 2rem 0;
padding: .375rem 1rem;
transition-duration: .2s;
transition-property: background-color, border-color, color;
transition-timing-function: ease
}
.pow-button:hover {
background-color: #003681;
border-color: #003681;
color: #fff;
cursor: pointer
}
.core-msg {
overflow-wrap: break-word
}
@media (width <= 720px) {
.column {
padding-bottom: 2rem
}
}
.loading-spinner {
height: 76.391px
}
.lds-ring {
display: inline-block;
position: relative
}
.lds-ring, .lds-ring div {
height: 1.875rem;
width: 1.875rem
}
.lds-ring div {
animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
border: .3rem solid transparent;
border-radius: 50%;
border-top-color: #313131;
box-sizing: border-box;
display: block;
position: absolute
}
.lds-ring div:first-child {
animation-delay: -.45s
}
.lds-ring div:nth-child(2) {
animation-delay: -.3s
}
.lds-ring div:nth-child(3) {
animation-delay: -.15s
}
@keyframes lds-ring {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.main-wrapper, body {
display: block
}
}
.rtl .heading-favicon {
margin-left: .5rem;
margin-right: 0
}
</style>
</head>
<body class="no-js">
<div class="main-wrapper" role="main">
<div class="main-content">
<h2 id="challenge-running" class="h2">Verify you are human by completing the action below.</h2>
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>
<div class="cf-turnstile" data-sitekey="0x4AAAAAAAGYK1RXEWXX02Fv" data-callback="javascriptCallback"></div>
<div id="challenge-body-text" class="core-msg spacer">
musescore.com needs to review the security of your connection before proceeding.
</div>
<noscript>
<div id="challenge-error-title">
<div class="h2"><span id="challenge-error-text">Enable JavaScript and cookies to continue</span></div>
</div>
</noscript>
</div>
</div>
<script>
function javascriptCallback(token) {
var theUrl = '/components/site/captcha/process-challenge?result=' + encodeURI(token);
var xmlHttp = new XMLHttpRequest();
xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
xmlHttp.send( null );
location.reload();
}
</script>
</body>
</html>