*{box-sizing:border-box;margin:0;padding:0}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{display:flex;flex-direction:column;height:100vh;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;transition:background-color 0.3s,color 0.3s}
body.theme-light{background-color:#f8f9fa;color:#212529}
body.theme-dark{background-color:#121212;color:#e9ecef}
body.theme-light a{color:#0051c3}
body.theme-dark a{color:#90caf9}
a{transition:color 150ms ease;text-decoration:none}
.main-wrapper{display:flex;flex:1;flex-direction:column;align-items:center}
.main-content{margin:8rem auto;padding:0 1.5rem;width:100%;max-width:60rem;text-align:left}
@media (max-width:768px){.main-content{margin-top:4rem}}
.spacer-bottom{margin-bottom:2rem}
.h2{font-size:1.5rem;margin-bottom:1rem}
.zone-name-title{font-size:2rem}
#content{align-items:center;display:flex;gap:7px;height:auto;min-height:65px;justify-content:space-between;user-select:none;padding:12px 16px;flex-wrap:wrap}
body.theme-light #content{background-color:#fafafa;border:1px solid #e0e0e0}
body.theme-dark #content{background-color:#232323;border:1px solid #444}
.cb-c{align-items:center;cursor:pointer;display:flex;text-align:left}
.cb-lb{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}
.cb-lb input{
    cursor:pointer;
    width:24px;
    height:24px;
    margin:0;
    padding:0;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
}
.cb-i{
    display:inline-block;
    width:24px;
    height:24px;
    border:2px solid #6d6d6d;
    border-radius:3px;
    background:#fff;
    transition:all .1s ease-in;
    position:relative;
    flex-shrink:0;
}
body.theme-dark .cb-i{background:#222;border-color:#dadada}
.cb-lb input:checked ~ .cb-i{background-color:#fff;border-radius:3px}
.cb-lb input:checked ~ .cb-i:after{
    content:"";
    position:absolute;
    left:6px;
    top:1px;
    width:8px;
    height:14px;
    border:solid #c44d0e;
    border-width:0 3px 3px 0;
    transform:rotate(45deg);
}
body.theme-dark .cb-lb input:checked ~ .cb-i:after{border-color:#fbad41}
.cb-lb-t{
    font-size:16px;
    line-height:1.4;
    color:inherit;
}
body.theme-light .cb-lb-t{color:#232323}
body.theme-dark .cb-lb-t{color:#fff}
.cb-container{align-items:center;display:grid;gap:12px;grid-template-columns:30px auto}
#spinner-i{animation:spin 5s linear infinite;width:30px;height:30px}
.circle{stroke:#038127;stroke-width:3px;stroke-linecap:round;stroke-dasharray:0,100,0;stroke-dashoffset:200}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes scale-up-center{0%{transform:scale(.01)}to{transform:scale(1)}}
.error-message{font-size:9px;font-weight:500}
body.theme-light .error-message{color:#de1303}
body.theme-dark .error-message{color:#ffa299}
.footer{margin:0 auto;padding:1rem;width:100%;text-align:center;font-size:12px}
body.theme-light .footer{background-color:#e9ecef;border-top:1px solid #dee2e6;color:#6c757d}
body.theme-dark .footer{background-color:#1a1a1a;border-top:1px solid #333;color:#adb5bd}
#branding{display:inline-flex;flex-direction:column;margin:0;text-align:right}
#logo{height:25px;margin-bottom:1px}
#terms{display:inline-flex;font-size:8px;justify-content:flex-end;line-height:10px}
.ray-id code{background:rgba(0,0,0,0.1);padding:2px 6px;border-radius:4px}
#instruction ol{font-size:14px;margin-top:13px}
.link-spacer{margin:0 .2rem}
#verifying, #instruction, #fail, #success{display:none}
#verifying[style*="display: grid"], 
#instruction[style*="display: grid"], 
#fail[style*="display: grid"], 
#success[style*="display: grid"]{display:grid!important}

/* Стили для надписи Cloudflare под логотипом */
#branding .cloudflare-text {
    font-size: 8px;
    text-align: right;
    margin-top: 2px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
body.theme-light #branding .cloudflare-text {
    color: #232323;
}
body.theme-dark #branding .cloudflare-text {
    color: #bbb;
}