html.gh-i18n-pending body { visibility:hidden; }

:root{
    --gh-bg:#f4f0e8;
    --gh-page:#ece8e0;
    --gh-surface:#fffaf1;
    --gh-white:#ffffff;

    --gh-dark:#111712;
    --gh-dark-2:#0d100c;
    --gh-black:#090b09;

    --gh-text:#111111;
    --gh-text-soft:#555555;
    --gh-text-muted:#666666;
    --gh-text-on-dark:#d4d4d4;

    --gh-gold:#d3a04c;
    --gh-gold-dark:#b57a2f;

    --gh-green:#20d067;
    --gh-red:#c73a3a;

    --gh-border:rgba(0,0,0,.08);
    --gh-border-dark:rgba(255,255,255,.08);

    --gh-radius-sm:8px;
    --gh-radius:14px;
    --gh-radius-lg:18px;

    --gh-shadow:0 8px 20px rgba(0,0,0,.05);
    --gh-shadow-hover:0 15px 40px rgba(0,0,0,.08);

    --gh-header-height:90px;
    --gh-page-x:60px;
}

/* Shared document defaults */
*{margin:0;padding:0;box-sizing:border-box;}
html{color-scheme:light;}
body{background:var(--gh-page);color:var(--gh-text);font-family:'Inter',sans-serif;}
a{text-decoration:none;color:inherit;}
button,input,select,textarea{font:inherit;}
button{color:inherit;}

/* Public header: the Home page is the visual source of truth. */
.site-header{
    background:var(--gh-dark);
    color:var(--gh-white);
    height:var(--gh-header-height);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 var(--gh-page-x);
    border-bottom:1px solid var(--gh-border-dark);
}
.site-brand{display:flex;align-items:center;gap:18px;flex-shrink:0;}
.site-brand-logo{width:64px;height:64px;object-fit:contain;}
.site-brand-text{display:flex;flex-direction:column;}
.site-brand-title{font-family:'Orbitron',sans-serif;font-size:clamp(24px,2vw,30px);font-weight:700;letter-spacing:1.5px;}
.site-brand-subtitle{font-size:12px;letter-spacing:3px;opacity:.7;margin-top:4px;}
.site-nav{display:flex;gap:clamp(18px,2vw,40px);}
.site-nav a{font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.8;transition:.2s;}
.site-nav a:hover,.site-nav a.active{opacity:1;color:var(--gh-gold);}

/* Buttons and shared surface / status primitives */
.btn{
    min-height:58px;
    padding:16px 28px;
    border-radius:8px;
    font-weight:600;
    letter-spacing:0.7px;
    transition:0.2s;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid transparent;
}

.btn svg{
    width:20px;
    height:20px;
    flex:0 0 auto;
}

.btn-primary{
    background:#1f291d;
    color:white;
}

.btn-primary:hover{
    background:#2f3d2b;
    transform:translateY(-1px);
}

.btn-secondary{
    border-color:#999;
    background:white;
    color:#111;
}

.btn-secondary:hover{
    background:#f2f2f2;
    transform:translateY(-1px);
}

.status-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#39b54a;
    box-shadow:0 0 0 3px rgba(57,181,74,0.10);
    flex:0 0 auto;
}

.icon{
    width:90px;
    height:90px;
    margin:auto;
    margin-bottom:24px;
    border-radius:50%;
    background:#ece8dd;
    display:flex;
    align-items:center;
    justify-content:center;
}

.status{
    background:#111712;
    color:white;
    padding:70px 60px;
}

.status-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:30px;
}

.status-box,
.info-box{
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:14px;
    padding:35px;
}

.status-box h4{
    font-family:'Orbitron',sans-serif;
    margin-bottom:25px;
    font-size:22px;
    color:#d3a04c;
}

.terminal-box{
    font-family:"Courier New",monospace;
    color:#6ec1ff;
    font-weight:bold;
    font-size:24px;
    line-height:1.7;
    min-height:90px;
    white-space:pre-line;
    text-shadow:
    0 0 5px rgba(110,193,255,0.7),
    0 0 10px rgba(110,193,255,0.4);
}

.terminal-text::after{
    content:"_";
    animation:blink 1s infinite;
    color:#d4a94f;
}

@keyframes blink{
    0%,50%{
        opacity:1;
    }

    51%,100%{
        opacity:0;
    }
}

.beta-notice{padding:20px;text-align:center;line-height:1.7;}
.beta-notice a{text-decoration:underline;}

/* Public footer */
.site-footer{
    background:var(--gh-dark-2);
    color:#aaa;
    padding:35px var(--gh-page-x);
    border-top:1px solid rgba(255,255,255,.06);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:start;
    gap:28px;
}
.site-footer-status{text-align:right;}
.site-footer-status strong{color:var(--gh-gold);}
.site-footer-legal{
    display:flex;
    flex-direction:column;
    gap:3px;
    line-height:1.25;
    font-size:9px;
    letter-spacing:.35px;
    text-transform:uppercase;
    white-space:nowrap;
    color:#8f8f8f;
}
.site-footer-legal a{opacity:.9;}
.site-footer-legal a:hover{color:var(--gh-gold);opacity:1;}

@media(max-width:1100px){
    .site-header{height:auto;min-height:var(--gh-header-height);gap:25px;padding:18px 35px;flex-wrap:wrap;}
    .site-nav{gap:24px;flex-wrap:wrap;justify-content:flex-end;}
    .site-brand-title{font-size:24px;}
    .site-brand-subtitle{font-size:10px;}
    .status-grid{grid-template-columns:1fr;}
}
@media(max-width:900px){
    .site-footer{grid-template-columns:1fr;gap:14px;text-align:center;}
    .site-footer-copy,.site-footer-legal,.site-footer-status{text-align:center;justify-self:center;}
}
@media(max-width:700px){
    .site-header{flex-direction:column;gap:20px;padding:25px;}
    .site-brand{gap:12px;}
    .site-brand-logo{width:50px;height:50px;}
    .site-brand-title{font-size:20px;}
    .site-brand-subtitle{font-size:8px;}
    .site-nav{justify-content:center;gap:18px;}
    .site-nav a{font-size:12px;}
    .btn{width:100%;}
    .status{padding:60px 30px;}
    .site-footer{padding:30px;}
}

:focus-visible{
    outline:3px solid var(--gh-gold);
    outline-offset:4px;
}

@media (prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}

.status-dot.is-operational{
    background:var(--gh-green);
    box-shadow:0 0 0 3px rgba(32,208,103,.12);
}

.status-dot.is-degraded,
.status-dot.is-maintenance{
    background:var(--gh-gold);
    box-shadow:0 0 0 3px rgba(211,160,76,.14);
}

.status-dot.is-outage{
    background:var(--gh-red);
    box-shadow:0 0 0 3px rgba(199,58,58,.14);
}

.status-dot.is-unknown{
    background:#8a8a8a;
    box-shadow:0 0 0 3px rgba(138,138,138,.12);
}

/* RU/EN language controls */
.language-switcher { display:flex; gap:4px; align-items:center; flex-shrink:0; }
.language-switcher button { min-width:40px; min-height:40px; padding:6px 10px; border:1px solid #b7aa92; border-radius:8px; background:transparent; color:inherit; font:inherit; font-weight:600; cursor:pointer; }
.language-switcher button.is-active { background:#d3a04c; color:#111712; border-color:#d3a04c; }
.language-switcher button:focus-visible { outline:3px solid #d3a04c; outline-offset:3px; }

.site-header { flex-wrap:wrap; gap:16px; }
@media (max-width:700px) { .site-header .language-switcher { margin-left:auto; } .site-nav { flex-wrap:wrap; } }