:root{
    --cg-brand-blue:#3b82f6;
    --cg-brand-cyan:#6dd5ff;
    --cg-brand-white:#f7fbff;
    --cg-brand-bg:#061224;
    --cg-brand-surface:#0b1c35;
    --cg-brand-muted:#9eb4cf;
    --cg-brand-line:rgba(134,205,255,.16)
}

.cg-skip-link{
    position:fixed;
    z-index:100000;
    top:12px;
    right:12px;
    padding:11px 15px;
    border:2px solid var(--cg-brand-white);
    border-radius:12px;
    background:#126ee8;
    color:#fff;
    font-weight:900;
    text-decoration:none;
    transform:translateY(-180%);
    transition:transform .18s ease
}

.cg-skip-link:focus{transform:translateY(0)}

:where(.public-landing-page,.public-versions-page,.public-blog-page,.public-shop-page,.public-auth-page) :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline:3px solid var(--cg-brand-cyan)!important;
    outline-offset:3px!important;
    box-shadow:0 0 0 6px rgba(11,30,56,.82)!important
}

:where(.public-landing-page,.public-versions-page,.public-blog-page,.public-shop-page,.public-auth-page) ::selection{
    background:#2f83ea;
    color:#fff
}

.public-landing-page .cg-section[id],
.public-landing-page .cg-hero[id]{scroll-margin-top:88px}

.public-blog-page .blog-category-list a,
.public-blog-page .blog-pagination-wrap .pagination-link,
.public-blog-page .blog-pagination-wrap .pagination-ellipsis{min-height:44px}

.cg-public-footer{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:min(1120px,calc(100% - 28px));
    margin:44px auto 0;
    padding:18px 2px 8px;
    border-top:1px solid rgba(135,204,255,.13);
    color:#8199b5;
    font-size:.78rem
}

.cg-public-footer nav{display:flex;align-items:center;gap:15px}
.cg-public-footer a{color:#a9c6e5;text-decoration:none}
.cg-public-footer a:hover{color:#79dcff}

.public-shop-page .shop-feature-link{direction:rtl;text-decoration:none}

@media(max-width:720px){
    .cg-public-footer{align-items:flex-start;flex-direction:column;width:calc(100% - 28px)}
}

@media(prefers-reduced-motion:reduce){
    .cg-skip-link{transition:none}
}