*, *::before, *::after { box-sizing: border-box; }
html.gu-scroll-smooth { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Lato, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: #1b2334;
    background: #f4f6fb;
    padding-top: 62px; 
}
a { color: #065f46; text-decoration: none; }
a:hover { color: #04f; text-decoration: underline; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4 { font-family: Asul, Lato, Georgia, serif; font-weight: 400; margin: 0 0 .5em; color: #0b1120; }
.gu-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.gu-wrap { max-width: 1180px; margin: 0 auto; padding: 0 18px; }


.gu-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60;
    background: #0b1120;
    box-shadow: 0 2px 12px rgba(11,17,32, .28);
}
.gu-nav-ins { display: flex; align-items: center; gap: 22px; height: 62px; }

.gu-logo { display: inline-flex; align-items: baseline; font-family: Asul, Lato, serif; font-size: 24px; line-height: 1; white-space: nowrap; }
.gu-logo:hover { text-decoration: none; }
.gu-logo-head { color: #fff; }
.gu-logo-accent { color: #f59e0b; margin-left: 4px; }
.gu-logo-text { color: #fff; }

.gu-menu-wrap { flex: 1 1 auto; min-width: 0; }
.gu-menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.gu-mi { position: relative; }
.gu-mi > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 13px;
    border-radius: 8px;
    color: #cdd6e6;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    transition: background .15s ease, color .15s ease;
}
.gu-mi > a:hover { background: rgba(6,95,70, .18); color: #fff; text-decoration: none; }
.gu-current > a { background: rgba(6,95,70, .28); color: #fff; }
.gu-caret { font-size: 10px; opacity: .8; }


.gu-sub {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 230px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(11,17,32, .22);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.gu-mi:hover > .gu-sub,
.gu-mi:focus-within > .gu-sub { opacity: 1; visibility: visible; transform: translateY(0); }
.gu-sub ul { list-style: none; margin: 0; padding: 0; }
.gu-sub a {
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    color: #1b2334;
    font-size: 13.5px;
}
.gu-sub a:hover { background: rgba(6,95,70, .08); color: #065f46; text-decoration: none; }


.gu-nav-tools { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.gu-icon-btn {
    width: 40px; height: 40px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 0; border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background .15s ease;
}
.gu-icon-btn:hover { background: #065f46; }
.gu-burger { display: none; }

.gu-lang { position: relative; }
.gu-lang > summary {
    list-style: none;
    display: inline-flex; align-items: center; gap: 6px;
    height: 40px; padding: 0 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 12.5px; font-weight: 700; letter-spacing: .6px;
    cursor: pointer;
}
.gu-lang > summary::-webkit-details-marker { display: none; }
.gu-lang[open] > summary { background: #065f46; }
.gu-lang ul {
    position: absolute; right: 0; top: calc(100% + 6px);
    min-width: 168px;
    list-style: none; margin: 0; padding: 6px;
    background: #fff; border-radius: 10px;
    box-shadow: 0 12px 30px rgba(11,17,32, .22);
}
.gu-lang a { display: block; padding: 8px 12px; border-radius: 6px; color: #1b2334; font-size: 13px; }
.gu-lang a:hover { background: rgba(6,95,70, .08); color: #065f46; text-decoration: none; }
.gu-lang a.gu-on { color: #065f46; font-weight: 700; background: rgba(6,95,70, .08); }
.gu-lang-on span { display: block; padding: 8px 12px; border-radius: 6px; color: #065f46; font-weight: 700; background: rgba(6,95,70, .08); }


.gu-searchbar {
    max-height: 0;
    overflow: hidden;
    background: #0b1220;
    transition: max-height .25s ease;
}
body.gu-search-open .gu-searchbar { max-height: 96px; }
.gu-searchbar form { display: flex; gap: 10px; padding: 14px 18px; }
.gu-searchbar input {
    flex: 1 1 auto;
    padding: 11px 16px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: #0b1120;
    color: #fff;
    font-size: 14px; font-family: inherit;
}
.gu-searchbar input::placeholder { color: #7c8aa5; }


.gu-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 11px 20px;
    border: 0; border-radius: 999px;
    font-family: inherit; font-size: 14px; font-weight: 700;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .15s ease, background .15s ease;
}
.gu-btn:hover { text-decoration: none; transform: translateY(-1px); }
.gu-btn-primary { background: #065f46; color: #fff; box-shadow: 0 6px 18px rgba(6,95,70, .30); }
.gu-btn-primary:hover { background: #04f; color: #fff; }
.gu-btn-green { background: #dc2626; color: #08240f; box-shadow: 0 6px 18px rgba(220,38,38, .32); }
.gu-btn-green:hover { color: #08240f; }
.gu-btn-ghost { background: #fff; color: #065f46; border: 1px solid rgba(6,95,70, .35); }
.gu-btn-ghost:hover { background: rgba(6,95,70, .08); color: #065f46; }


.gu-hero {
    background:
        radial-gradient(1000px 360px at 82% -20%, rgba(6,95,70, .35), transparent 62%),
        linear-gradient(160deg, #0b1120 0%, #14203a 60%, #0b1120 100%);
    color: #fff;
    padding: 54px 0 58px;
}
.gu-hero-ins { display: grid; grid-template-columns: 1.5fr .9fr; gap: 32px; align-items: center; }
.gu-hero-kicker {
    display: inline-block;
    font-size: 11.5px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase;
    color: #f59e0b;
    margin-bottom: 12px;
}
.gu-hero-h1 { color: #fff; font-size: 42px; line-height: 1.12; letter-spacing: -.6px; margin: 0 0 14px; }
.gu-hero-p { color: #cdd6e6; font-size: 16px; max-width: 46em; margin: 0 0 22px; }
.gu-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.gu-hero-art { display: flex; align-items: center; justify-content: center; }
.gu-hero-badge {
    display: inline-flex; align-items: center;
    padding: 12px 20px;
    border-radius: 999px;
    background: rgba(245,158,11, .14);
    border: 1px solid rgba(245,158,11, .5);
    color: #f59e0b;
    font-weight: 700; font-size: 13px; letter-spacing: .4px;
}


.gu-home-body { padding: 8px 0 46px; }
.gu-sec { margin: 34px 0; }
.gu-sec-head { margin-bottom: 18px; }
.gu-sec-h { font-size: 27px; margin: 0 0 6px; position: relative; padding-left: 16px; }
.gu-sec-h::before {
    content: "";
    position: absolute; left: 0; top: 6px; bottom: 6px;
    width: 4px; border-radius: 3px;
    background: #065f46;
}
.gu-sec-p { color: #5b6780; font-size: 14px; margin: 0; }
.gu-sec-title { font-size: 21px; margin: 32px 0 16px; padding-bottom: 10px; border-bottom: 2px solid #065f46; }


.gu-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.gu-card {
    background: #fff;
    border: 1px solid #e4e9f2;
    border-radius: 14px;
    padding: 20px 18px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(11,17,32, .05);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.gu-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(6,95,70, .16); border-color: rgba(6,95,70, .4); }
.gu-card-logo { height: 58px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.gu-card-logo img { max-height: 58px; object-fit: contain; }
.gu-card-name { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.gu-card-name a { color: #0b1120; }
.gu-card-name a:hover { color: #065f46; text-decoration: none; }
.gu-card-rating { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 10px; }
.gu-stars { color: #f59e0b; font-size: 13px; letter-spacing: 1px; }
.gu-stars .gu-off { color: #d8deea; }
.gu-score { font-weight: 700; font-size: 14px; color: #0b1120; }
.gu-card-bonus {
    font-size: 14px; font-weight: 700; color: #065f46;
    background: rgba(6,95,70, .08);
    border-radius: 8px; padding: 9px 10px; margin-bottom: 8px;
}
.gu-card-meta { font-size: 12px; color: #5b6780; margin-bottom: 12px; }
.gu-card-cta { width: 100%; margin-bottom: 8px; }
.gu-card-review { display: block; font-size: 13px; font-weight: 700; color: #065f46; }
.gu-card-note { font-size: 11px; color: #97a1b6; margin-top: 10px; }


.gu-toplist { display: flex; flex-direction: column; gap: 14px; }
.gu-row {
    display: grid;
    grid-template-columns: 260px 1fr 250px;
    gap: 20px;
    align-items: center;
    background: #fff;
    border: 1px solid #e4e9f2;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 2px 10px rgba(11,17,32, .05);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.gu-row:hover { border-color: rgba(6,95,70, .4); box-shadow: 0 12px 26px rgba(6,95,70, .12); }
.gu-row-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.gu-rank {
    flex: 0 0 38px; width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: #0b1120; color: #f59e0b;
    font-weight: 700; font-size: 17px;
}
.gu-row-logo img { max-height: 56px; object-fit: contain; }
.gu-row-mid { min-width: 0; }
.gu-row-label { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #97a1b6; margin-bottom: 4px; }
.gu-row-bonus { font-size: 19px; font-weight: 700; color: #0b1120; line-height: 1.3; }
.gu-row-meta { font-size: 13px; color: #5b6780; margin-top: 3px; }
.gu-row-terms { font-size: 11.5px; color: #97a1b6; margin-top: 5px; }
.gu-row-right { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
.gu-row-score { display: flex; align-items: center; justify-content: center; gap: 8px; }
.gu-num { font-weight: 700; font-size: 16px; color: #0b1120; }
.gu-row-trust { font-size: 11px; color: #97a1b6; text-align: center; }


.gu-threads { display: flex; flex-direction: column; border: 1px solid #e4e9f2; border-radius: 14px; overflow: hidden; background: #fff; }
.gu-thread { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-bottom: 1px solid #eef2f8; }
.gu-thread:last-child { border-bottom: 0; }
.gu-thread-av { flex: 0 0 46px; }
.gu-thread-av img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(6,95,70, .15); }
.gu-thread-body { flex: 1 1 auto; min-width: 0; }
.gu-thread-title { display: block; font-size: 16px; font-weight: 700; color: #0b1120; }
.gu-thread-title:hover { color: #065f46; text-decoration: none; }
.gu-thread-excerpt { font-size: 13px; color: #5b6780; margin: 4px 0 0; }
.gu-thread-stats { display: flex; gap: 18px; flex: 0 0 auto; }
.gu-stat { display: flex; flex-direction: column; align-items: center; }
.gu-stat b { font-size: 15px; color: #065f46; }
.gu-stat i { font-style: normal; font-size: 10.5px; text-transform: uppercase; letter-spacing: .8px; color: #97a1b6; }


.gu-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.gu-news-list { grid-template-columns: 1fr; }
.gu-post {
    display: flex; gap: 16px;
    background: #fff; border: 1px solid #e4e9f2; border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(11,17,32, .05);
    transition: transform .15s ease, box-shadow .15s ease;
}
.gu-news:not(.gu-news-list) .gu-post { flex-direction: column; }
.gu-post:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(6,95,70, .10); }
.gu-post-thumb { flex: 0 0 240px; background: #eef2f8; }
.gu-news:not(.gu-news-list) .gu-post-thumb { flex: 0 0 auto; }
.gu-post-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gu-post-body { flex: 1 1 auto; min-width: 0; padding: 16px 18px; }
.gu-post-cat {
    display: inline-block;
    font-size: 10.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
    color: #065f46; background: rgba(6,95,70, .08);
    border-radius: 6px; padding: 3px 9px; margin-bottom: 9px;
}
.gu-post-cat:hover { background: rgba(6,95,70, .16); text-decoration: none; }
.gu-post-title { font-size: 17px; line-height: 1.34; margin: 0 0 8px; }
.gu-post-title a { color: #0b1120; }
.gu-post-title a:hover { color: #065f46; text-decoration: none; }
.gu-post-excerpt { font-size: 13.5px; color: #5b6780; margin: 0 0 12px; }
.gu-post-meta { display: flex; flex-wrap: wrap; gap: 14px; font-size: 12px; color: #97a1b6; }
.gu-post-meta i { color: #065f46; }


.gu-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gu-cat {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 16px;
    background: #fff; border: 1px solid #e4e9f2; border-left: 4px solid #065f46;
    border-radius: 10px;
    color: #0b1120; font-weight: 700; font-size: 14.5px;
    transition: background .15s ease, color .15s ease, transform .15s ease;
}
.gu-cat:hover { background: rgba(6,95,70, .06); color: #065f46; text-decoration: none; transform: translateX(3px); }
.gu-cat-arrow { color: #065f46; }


.gu-page-hero { padding: 30px 0 8px; }
.gu-page-h1 { font-size: 34px; margin: 0 0 10px; }
.gu-page-h1 em { color: #065f46; font-style: normal; }
.gu-breadcrumb { font-size: 12.5px; color: #97a1b6; margin-bottom: 12px; }
.gu-breadcrumb a { color: #065f46; }
.gu-crumb-sep { color: #c3cbda; margin: 0 5px; }
.gu-breadcrumb-top { margin-top: 22px; }
.gu-lead { color: #5b6780; font-size: 13.5px; }
.gu-cols { display: grid; grid-template-columns: 1fr 316px; gap: 30px; align-items: start; margin: 26px 0 46px; }
.gu-single-cols { margin-top: 28px; }
.gu-main { min-width: 0; }

.gu-pager { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 6px; }
.gu-pager a, .gu-pager span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 14px;
    border: 1px solid #e4e9f2; border-radius: 9px;
    background: #fff; color: #1b2334; font-size: 13.5px; font-weight: 700;
}
.gu-pager a:hover { border-color: #065f46; color: #065f46; text-decoration: none; }
.gu-pager span.gu-on { background: #065f46; border-color: #065f46; color: #fff; }
.gu-empty { padding: 40px 20px; text-align: center; color: #5b6780; background: #fff; border: 1px dashed #d8deea; border-radius: 14px; }


.gu-search-form { display: flex; gap: 10px; max-width: 640px; margin-top: 12px; }
.gu-search-form input {
    flex: 1 1 auto; padding: 12px 18px;
    border: 1px solid #e4e9f2; border-radius: 999px;
    font-size: 14px; font-family: inherit; background: #fff;
}
.gu-search-form input:focus { outline: 2px solid rgba(6,95,70, .35); border-color: #065f46; }


.gu-article { background: #fff; border: 1px solid #e4e9f2; border-radius: 14px; padding: 30px 32px; box-shadow: 0 2px 10px rgba(11,17,32, .05); }
.gu-article-h1 { font-size: 34px; line-height: 1.2; margin: 0 0 14px; }
.gu-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid #eef2f8; font-size: 12.5px; color: #97a1b6; }
.gu-article-meta i { color: #065f46; }
.gu-article-body { font-size: 16px; line-height: 1.8; color: #26304a; }
.gu-article-body h2 { font-size: 26px; margin: 1.4em 0 .5em; }
.gu-article-body h3 { font-size: 21px; margin: 1.3em 0 .4em; }
.gu-article-body img { border-radius: 10px; }
.gu-article-body a { color: #065f46; text-decoration: underline; }
.gu-article-body blockquote { margin: 1.2em 0; padding: 10px 18px; border-left: 4px solid #065f46; background: rgba(6,95,70, .05); color: #37415c; }
.gu-byline { display: flex; align-items: center; gap: 9px; }
.gu-byline img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.gu-byline a { font-weight: 700; color: #0b1120; }
.gu-byline a:hover { color: #065f46; text-decoration: none; }
.gu-by-label { color: #97a1b6; }


.gu-side { display: flex; flex-direction: column; gap: 22px; position: sticky; top: 80px; }
.gu-widget { background: #fff; border: 1px solid #e4e9f2; border-radius: 14px; padding: 18px 20px; box-shadow: 0 2px 10px rgba(11,17,32, .05); }
.gu-widget-title { font-size: 16px; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 2px solid #065f46; }
.gu-widget-list { list-style: none; margin: 0; padding: 0; }
.gu-widget-list li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid #eef2f8; font-size: 14px; }
.gu-widget-list li:last-child { border-bottom: 0; }
.gu-widget-list a { color: #1b2334; }
.gu-widget-list a:hover { color: #065f46; text-decoration: none; }
.gu-widget-rank {
    flex: 0 0 22px; width: 22px; height: 22px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 6px; background: rgba(6,95,70, .1); color: #065f46;
    font-size: 12px; font-weight: 700;
}
.gu-widget-cats li { display: block; }


.gu-footer { background: #0b1120; color: #a9b4c9; margin-top: 20px; }
.gu-footer-ins { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 42px 18px 30px; }
.gu-footer-h { color: #fff; font-size: 15px; letter-spacing: .4px; margin: 0 0 14px; }
.gu-footer-col ul { list-style: none; margin: 0; padding: 0; }
.gu-footer-col li { margin-bottom: 8px; }
.gu-footer-col a { color: #a9b4c9; font-size: 13.5px; }
.gu-footer-col a:hover { color: #f59e0b; text-decoration: none; }
.gu-footer-copy { border-top: 1px solid rgba(255, 255, 255, .08); padding: 16px 0; font-size: 12.5px; }
.gu-footer-copy .gu-wrap { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.gu-18 { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #065f46; color: #fff; font-weight: 700; font-size: 12px; }


.gu-hero-copy { min-width: 0; }
.gu-cat-name { min-width: 0; }
.gu-sec-article { margin-top: 34px; }
.gu-people { margin-top: 30px; display: flex; flex-direction: column; gap: 26px; }


@media (max-width: 1080px) {
    .gu-cards { grid-template-columns: repeat(2, 1fr); }
    .gu-news { grid-template-columns: repeat(2, 1fr); }
    .gu-row { grid-template-columns: 220px 1fr; }
    .gu-row-right { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
}
@media (max-width: 900px) {
    .gu-menu-wrap { display: none; }
    .gu-burger { display: inline-flex; }
    .gu-hero-ins { grid-template-columns: 1fr; }
    .gu-hero-h1 { font-size: 34px; }
    .gu-cols { grid-template-columns: 1fr; }
    .gu-side { position: static; }
    body.gu-menu-open .gu-menu-wrap {
        display: block; position: absolute; top: 62px; left: 0; right: 0;
        background: #0b1120; padding: 10px 18px 18px;
        box-shadow: 0 14px 30px rgba(11,17,32, .28);
    }
    body.gu-menu-open .gu-menu { flex-direction: column; align-items: stretch; gap: 2px; }
    body.gu-menu-open .gu-sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; margin: 4px 0 6px; }
    .gu-footer-ins { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .gu-cards, .gu-news, .gu-cats { grid-template-columns: 1fr; }
    .gu-row { grid-template-columns: 1fr; }
    .gu-hero-h1 { font-size: 28px; }
    .gu-article { padding: 22px 18px; }
    .gu-post { flex-direction: column; }
    .gu-post-thumb { flex: 0 0 auto; }
}


.gu-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:860px){.gu-mini-grid{grid-template-columns:1fr}}
.gu-mini{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;
         border:1px solid rgba(11,17,32, .16);border-radius:12px;background:#fff;min-width:0}
.gu-mini-dark{background:#0b1120;border-color:rgba(6,95,70, .38)}
.gu-mini-dark .gu-mini-name{color:#fff}
.gu-mini-dark .gu-mini-bonus{color:#f59e0b}
.gu-mini-dark .gu-mini-link{color:rgba(255, 255, 255, .72)}
.gu-mini-rank{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;
              justify-content:center;font-size:13px;font-weight:800;color:#0b1120;background:#f59e0b}
.gu-mini-logo{flex:0 0 auto;display:flex}
.gu-mini-body{flex:1 1 auto;min-width:0}
.gu-mini-name{display:block;font-size:15px;font-weight:700;color:#0b1120;text-decoration:none;
              white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-mini-name:hover{color:#065f46}
.gu-mini-rating{display:flex;align-items:center;gap:6px;margin:3px 0}
.gu-mini-rating .gu-stars{font-size:11px}
.gu-mini-score{font-size:12px;font-weight:800;color:#065f46}
.gu-mini-bonus{margin:0;font-size:13px;font-weight:600;color:#dc2626;
               white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gu-mini-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.gu-mini-cta{display:inline-block;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:700;
             color:#0b1120;background:#dc2626;text-decoration:none;white-space:nowrap}
.gu-mini-cta:hover{background:#f59e0b}
.gu-mini-link{font-size:12px;color:rgba(11,17,32, .62);text-decoration:none;white-space:nowrap}
.gu-mini-link:hover{color:#065f46}




.gu-byline { display: flex; align-items: center; gap: 9px; }
.gu-byline img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.gu-byline a { font-weight: 700; color: #1b2334; }
.gu-byline a:hover { color: #065f46; text-decoration: none; }
.gu-byline .gu-by-label { color: #97a1b6; }


.gu-author {
    background: #f4f6fb;
    border: 1px solid #e4e9f2;
    border-left: 4px solid #065f46;
    border-radius: 12px;
    padding: 22px;
    display: flex;
    gap: 18px;
    margin-top: 30px;
}
.gu-author-avatar { flex: 0 0 82px; }
.gu-author-avatar img {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(11,17,32, .12);
}
.gu-author-body { flex: 1 1 auto; min-width: 0; }
.gu-author-label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #5b6780;
    margin-bottom: 5px;
}
.gu-author-name { font-size: 19px; font-weight: 700; margin: 0 0 2px; }
.gu-author-name a { color: #0b1120; }
.gu-author-name a:hover { color: #065f46; text-decoration: none; }
.gu-author-title { font-size: 13px; font-weight: 700; color: #065f46; margin-bottom: 9px; }
.gu-author-bio { font-size: 13.5px; color: #5b6780; line-height: 1.68; margin: 0 0 12px; }

.gu-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.gu-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e4e9f2;
    color: #1b2334;
    font-size: 14px;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.gu-socials a:hover { background: #065f46; border-color: #065f46; color: #fff; text-decoration: none; }


.gu-comments { margin-top: 34px; }
.gu-comments-title {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #065f46;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gu-comments-title .gu-count {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #065f46;
    border-radius: 999px;
    padding: 2px 9px;
}

.gu-comment {
    display: flex;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid #eef2f8;
}
.gu-comment:last-child { border-bottom: 0; }
.gu-comment-avatar { flex: 0 0 46px; }
.gu-comment-avatar img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
.gu-comment-body { flex: 1 1 auto; min-width: 0; }
.gu-comment-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 5px; }
.gu-comment-name { font-size: 14px; font-weight: 700; }
.gu-comment-name a { color: #0b1120; }
.gu-comment-name a:hover { color: #065f46; text-decoration: none; }
.gu-comment-role { font-size: 11px; color: #97a1b6; }
.gu-comment-time { font-size: 11.5px; color: #97a1b6; margin-left: auto; }
.gu-comment-text { font-size: 14px; color: #26304a; line-height: 1.7; }
.gu-comment-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 8px;
    font-size: 12px;
    color: #5b6780;
}
.gu-comment-actions a { color: #5b6780; }
.gu-comment-actions a:hover { color: #065f46; text-decoration: none; }


.gu-comment-form { margin-top: 24px; background: #f4f6fb; border: 1px solid #e4e9f2; border-radius: 12px; padding: 22px; }
.gu-comment-form h3 { font-size: 16px; margin: 0 0 14px; }
.gu-comment-form input[type="text"],
.gu-comment-form input[type="email"],
.gu-comment-form textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #e4e9f2;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    margin-bottom: 12px;
    background: #fff;
}
.gu-comment-form input:focus,
.gu-comment-form textarea:focus { outline: 2px solid rgba(6,95,70, .3); border-color: #065f46; }
.gu-comment-form textarea { min-height: 110px; resize: vertical; }
.gu-comment-form .gu-row2 { display: flex; gap: 12px; }
.gu-comment-form .gu-row2 > * { flex: 1 1 0; }


.gu-profile {
    background: #fff;
    border: 1px solid #e4e9f2;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(11,17,32, .05);
    padding: 30px;
    display: flex;
    gap: 26px;
    align-items: flex-start;
    margin-bottom: 28px;
}
.gu-profile-avatar { flex: 0 0 132px; }
.gu-profile-avatar img {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #f4f6fb;
}
.gu-profile-body { flex: 1 1 auto; min-width: 0; }
.gu-profile-name { font-size: 27px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.4px; }
.gu-profile-title { font-size: 14px; font-weight: 700; color: #065f46; margin-bottom: 12px; }
.gu-profile-stats { display: flex; gap: 22px; margin: 0 0 16px; flex-wrap: wrap; }
.gu-profile-stat { font-size: 13px; color: #5b6780; }
.gu-profile-stat b { display: block; font-size: 21px; color: #065f46; line-height: 1.2; }
.gu-profile-bio { font-size: 14.5px; color: #5b6780; line-height: 1.72; margin: 0 0 16px; }

.gu-profile-sec { margin-top: 30px; }


.gu-citem {
    background: #fff;
    border: 1px solid #e4e9f2;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 14px;
}
.gu-citem-text { font-size: 14px; color: #26304a; line-height: 1.7; margin-bottom: 8px; }
.gu-citem-meta { font-size: 12px; color: #97a1b6; }
.gu-citem-meta a { color: #065f46; }

@media (max-width: 700px) {
    .gu-author { flex-direction: column; }
    .gu-profile { flex-direction: column; align-items: center; text-align: center; }
    .gu-profile-avatar { flex: 0 0 auto; }
    .gu-profile-stats { justify-content: center; }
    .gu-profile .gu-socials { justify-content: center; }
    .gu-comment-form .gu-row2 { flex-direction: column; }
}




html[lang="th"] body { line-height: 1.85; }
html[lang="bn"] body { line-height: 1.9; font-size: 15.5px; }
html[lang="hi"] body { line-height: 1.85; }


html[lang="th"] .gu-row-bonus,
html[lang="th"] .gu-post-title,
html[lang="th"] .gu-card-name { line-height: 1.6; }


html[lang="bn"] .gu-btn,
html[lang="hi"] .gu-btn { font-size: 13px; padding: 11px 18px; }


html[lang="bn"] body {
    font-family: Lato, "Noto Sans Bengali", "Vrinda", "Shonar Bangla", sans-serif;
}
html[lang="hi"] body {
    font-family: Lato, "Noto Sans Devanagari", "Nirmala UI", "Mangal", sans-serif;
}
html[lang="th"] body {
    font-family: Lato, "Noto Sans Thai", "Leelawadee UI", "Tahoma", sans-serif;
}




.gu-card-name, .gu-post-title, .gu-row-bonus { overflow-wrap: break-word; }