/* error-page.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #1f2937;
    background: #ffffff;
    line-height: 1.5;
}

/* SEO content stays off-screen but still indexable */
#seo-content {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.page {
    max-width: 980px;
    margin: 56px auto;
    padding: 0 20px;
}

.page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5e7eb;
}

.header-left {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.error-badge {
    flex: 0 0 auto;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}

.error-title {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    line-height: 1.1;
}

.error-code-num {
    font-weight: 300;
    font-size: 56px;
    letter-spacing: -0.02em;
    color: #111827;
}

.error-code-text {
    align-self: flex-end;
    font-weight: 300;
    font-size: 24px;
    color: #6b7280;
    padding-bottom: 10px;
    max-width: 520px;
}

.header-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    text-align: right;
    min-width: 200px;
}

.diag-label {
    font-size: 12px;
    color: #6b7280;
}

.diag-value {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 13px;
    color: #374151;
    overflow-wrap: anywhere;
}

.page-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding-top: 22px;
}

.card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px 18px;
    background: #fff;
}

.card-title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 500;
    color: #111827;
}

.card p {
    margin: 0 0 10px;
    color: #374151;
}

.muted {
    color: #6b7280;
}

.page-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 20px;
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
}

.primary-button {
    background: #2563eb;
    border: 1px solid #1d4ed8;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    border-radius: 10px;
    transition: box-shadow 150ms ease, transform 80ms ease;
    user-select: none;
}

.primary-button:hover {
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.18);
}

.primary-button:active {
    transform: translateY(1px);
}

.footer-meta {
    color: #6b7280;
    font-size: 13px;
}

/* Убираем стили для всех заголовков в SEO контенте */
#seo-content h1,
#seo-content h2,
#seo-content h3,
#seo-content h4,
#seo-content h5,
#seo-content h6 {
    all: unset;
    display: block;
}

/* Media Queries */
@media (max-width: 900px) {
    .page-body {
        grid-template-columns: 1fr;
    }

    .error-code-num {
        font-size: 44px;
    }

    .error-code-text {
        font-size: 20px;
        padding-bottom: 8px;
    }
}

@media (max-width: 520px) {
    .page {
        margin: 28px auto;
    }

    .page-header {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    .header-right {
        text-align: left;
        min-width: 0;
    }

    .page-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .primary-button {
        width: 100%;
    }
}

/* -------- New homepage layout (keeps old error-page styles intact) -------- */
.site {
    max-width: 1040px;
    margin: 40px auto;
    padding: 0 20px;
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brand-mark {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0b1220;
    background: #dbeafe;
    border: 1px solid #bfdbfe;
    user-select: none;
}

.brand-name {
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
}

.brand-sub {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.2;
}

.header-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-end;
    text-align: right;
    color: #374151;
}

.header-meta-label {
    font-size: 12px;
    color: #6b7280;
}

.site-main {
    padding-top: 18px;
}

.hero {
    padding: 18px 6px 10px;
}

.hero-title {
    font-size: 34px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 0 0 10px;
    color: #111827;
}

.hero-lead {
    margin: 0;
    color: #4b5563;
    max-width: 66ch;
}

.panel-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 18px;
    padding-top: 14px;
}

.panel {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 18px;
    background: #fff;
}

.panel-muted {
    background: #f9fafb;
}

.panel-title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 650;
    color: #111827;
}

.login-form {
    display: grid;
    gap: 12px;
}

.field {
    display: grid;
    gap: 6px;
}

.field-label {
    font-size: 13px;
    color: #374151;
}

.field-input {
    height: 42px;
    border-radius: 12px;
    border: 1px solid #d1d5db;
    padding: 0 12px;
    outline: none;
    transition: box-shadow 150ms ease, border-color 150ms ease;
    background: #fff;
    color: #111827;
}

.field-input:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.18);
}

.fineprint {
    margin: 2px 0 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.45;
}

.tips {
    margin: 0;
    padding-left: 18px;
    color: #374151;
}

.tips li {
    margin: 0 0 8px;
}

.meta {
    margin-top: 14px;
    display: grid;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.meta-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.meta-label {
    font-size: 12px;
    color: #6b7280;
}

.meta-value {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
    color: #374151;
    overflow-wrap: anywhere;
}

.site-footer {
    margin-top: 18px;
    padding: 14px 6px;
    color: #6b7280;
    font-size: 13px;
}

@media (max-width: 900px) {
    .panel-grid {
        grid-template-columns: 1fr;
    }

    .header-meta {
        align-items: flex-start;
        text-align: left;
    }

    .site-header {
        flex-direction: column;
        align-items: stretch;
    }
}

/* -------- Cloudflare-like utility styles (inlined from cdn-cgi/styles/main.css) -------- */
.container{width:100%}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.border-gray-300{--border-opacity:1;border-color:#ebebeb;border-color:rgba(235,235,235,var(--border-opacity))}.rounded{border-radius:.25rem}.border-solid{border-style:solid}.border-0{border-width:0}.border{border-width:1px}.border-t{border-top-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.table{display:table}.hidden{display:none}.float-left{float:left}.clearfix:after{content:"";display:table;clear:both}.font-mono{font-family:monaco,courier,monospace}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.h-12{height:3rem}.h-20{height:5rem}.text-13{font-size:13px}.text-15{font-size:15px}.text-60{font-size:60px}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-1\.3{line-height:1.3}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mb-15{margin-bottom:3.75rem}.-ml-6{margin-left:-1.5rem}.overflow-hidden{overflow:hidden}.p-0{padding:0}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-15{padding-top:3.75rem;padding-bottom:3.75rem}.pr-6{padding-right:1.5rem}.pt-10{padding-top:2.5rem}.absolute{position:absolute}.relative{position:relative}.left-1\/2{left:50%}.-bottom-4{bottom:-1rem}.resize{resize:both}.text-center{text-align:center}.text-black-dark{--text-opacity:1;color:#404040;color:rgba(64,64,64,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#999;color:rgba(153,153,153,var(--text-opacity))}.text-red-error{--text-opacity:1;color:#bd2426;color:rgba(189,36,38,var(--text-opacity))}.text-green-success{--text-opacity:1;color:#9bca3e;color:rgba(155,202,62,var(--text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-12{width:3rem}.w-240{width:60rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-full{width:100%}.transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform}body,html{--text-opacity:1;color:#404040;color:rgba(64,64,64,var(--text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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;font-size:16px}*,body,html{margin:0;padding:0}*{box-sizing:border-box}a{--text-opacity:1;color:#2f7bbf;color:rgba(47,123,191,var(--text-opacity));text-decoration:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}a:hover{--text-opacity:1;color:#f68b1f;color:rgba(246,139,31,var(--text-opacity))}img{display:block;width:100%;height:auto}#what-happened-section p{font-size:15px;line-height:1.5}strong{font-weight:600}.bg-gradient-gray{background-image:-webkit-linear-gradient(top,#dedede,#ebebeb 3%,#ebebeb 97%,#dedede)}.cf-error-source:after{position:absolute;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));width:2.5rem;height:2.5rem;--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));-ms-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));--transform-rotate:45deg;content:"";bottom:-1.75rem;left:50%;margin-left:-1.25rem;box-shadow:0 0 4px 4px #dedede}@media screen and (max-width:720px){.cf-error-source:after{display:none}}.cf-icon-browser{}.cf-icon-cloud{}.cf-icon-server{}.cf-icon-ok{}.cf-icon-error{}#cf-wrapper .feedback-hidden{display:none}#cf-wrapper .feedback-success{min-height:33px;line-height:33px}#cf-wrapper .cf-button{color:#0051c3;font-size:13px;border-color:#0045a6;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border-color,color;transition-property:background-color,border-color,color}#cf-wrapper .cf-button:hover{color:#fff;background-color:#003681}.cf-error-footer .hidden{display:none}.cf-error-footer .cf-footer-ip-reveal-btn{-webkit-appearance:button;-moz-appearance:button;appearance:button;text-decoration:none;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;color:#0051c3;-webkit-transition:color .15s ease;transition:color .15s ease}.cf-error-footer .cf-footer-ip-reveal-btn:hover{color:#ee730a}.code-label{background-color:#d9d9d9;color:#313131;font-weight:500;border-radius:1.25rem;font-size:.75rem;line-height:4.5rem;padding:.25rem .5rem;height:4.5rem;white-space:nowrap;vertical-align:middle}@media (max-width:639px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:mb-1{margin-bottom:.25rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-left{text-align:left}}@media (max-width:720px){.md\:border-gray-400{--border-opacity:1;border-color:#dedede;border-color:rgba(222,222,222,var(--border-opacity))}.md\:border-solid{border-style:solid}.md\:border-0{border-width:0}.md\:border-b{border-bottom-width:1px}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:hidden{display:none}.md\:float-none{float:none}.md\:text-3xl{font-size:1.875rem}.md\:m-0{margin:0}.md\:mt-0{margin-top:0}.md\:mb-2{margin-bottom:.5rem}.md\:p-0{padding:0}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pr-0{padding-right:0}.md\:pb-10{padding-bottom:2.5rem}.md\:top-0{top:0}.md\:right-0{right:0}.md\:left-auto{left:auto}.md\:text-left{text-align:left}.md\:w-full{width:100%}}@media (max-width:1023px){.lg\:text-sm{font-size:.875rem}.lg\:text-2xl{font-size:1.5rem}.lg\:text-4xl{font-size:2.25rem}.lg\:leading-relaxed{line-height:1.625}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pt-6{padding-top:1.5rem}.lg\:w-full{width:100%}}