:root {
    --tabek-bg: #07131f;
    --tabek-panel: #0c2232;
    --tabek-panel-soft: #123145;
    --tabek-edge: rgba(78, 132, 170, 0.28);
    --tabek-text: #eef7ff;
    --tabek-muted: #8fb0c7;
    --tabek-gold: #f3c45f;
    --tabek-gold-deep: #c89420;
    --tabek-green: #39b966;
    --tabek-blue: #2b81d9;
    --tabek-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
    --tabek-shadow-strong: 0 28px 80px rgba(0, 0, 0, 0.48);
    --tabek-gold-sheen: rgba(243, 196, 95, 0.16);
    --tabek-panel-luxe: rgba(7, 23, 34, 0.74);
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--tabek-text);
    background:
    radial-gradient(circle at 18% 10%, rgba(25, 84, 123, 0.56) 0%, transparent 28%),
    radial-gradient(circle at 82% 4%, rgba(53, 104, 132, 0.3) 0%, transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(12, 44, 66, 0.42) 0%, transparent 24%),
    linear-gradient(180deg, #06111c 0%, #07131f 34%, #061018 100%);
}

.tabek-page {
    min-height: 100vh;
    padding: 0.8rem;
}

.tabek-shell {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.tabek-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(84, 133, 168, 0.26);
    border-radius: 1.8rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 22%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0.03) 100%),
        radial-gradient(circle at 85% 12%, rgba(45, 110, 145, 0.18) 0%, transparent 24%),
        linear-gradient(180deg, rgba(18, 49, 69, 0.98) 0%, rgba(8, 25, 38, 0.98) 100%);
    box-shadow: var(--tabek-shadow-strong), 0 0 0 1px rgba(243, 196, 95, 0.04);
}

.tabek-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 18%),
        linear-gradient(90deg, rgba(243, 196, 95, 0.06) 0%, rgba(243, 196, 95, 0) 32%);
    pointer-events: none;
}

.tabek-card::after {
    content: '';
    position: absolute;
    right: -10%;
    top: -12%;
    width: 32rem;
    height: 32rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(32, 92, 126, 0.16) 0%, rgba(32, 92, 126, 0) 66%);
    pointer-events: none;
}

.tabek-card > * {
    position: relative;
    z-index: 1;
}

.tabek-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin: 0.9rem 1rem 0;
    padding: 0.9rem 1.25rem;
    border: 1px solid rgba(97, 145, 176, 0.2);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, rgba(8, 23, 35, 0.94) 0%, rgba(8, 26, 39, 0.76) 100%);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(243, 196, 95, 0.04);
    backdrop-filter: blur(12px);
}

.tabek-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--tabek-text);
    text-decoration: none;
    font-weight: 800;
}

.tabek-brand__mark {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(243, 196, 95, 0.18) 0%, rgba(243, 196, 95, 0.06) 100%);
    border: 1px solid rgba(243, 196, 95, 0.24);
    box-shadow: 0 10px 18px rgba(201, 148, 32, 0.16), 0 0 24px rgba(243, 196, 95, 0.12);
}

.tabek-brand__mark::before,
.tabek-brand__mark::after {
    content: '';
    position: absolute;
    border-radius: 999px;
}

.tabek-brand__mark::before {
    inset: 0.26rem 0.5rem 0.26rem 0.32rem;
    background: linear-gradient(180deg, #f6da89 0%, #d4a52f 100%);
}

.tabek-brand__mark::after {
    inset: 0.18rem 0.28rem 0.18rem 0.68rem;
    background: #0a1b29;
}

.tabek-brand__text {
    font-size: 1.56rem;
    line-height: 1;
    letter-spacing: -0.055em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

.tabek-nav {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.tabek-nav a {
    position: relative;
    color: rgba(238, 247, 255, 0.82);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: color 180ms ease;
}

.tabek-nav a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.4rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(243, 196, 95, 0.15) 0%, rgba(243, 196, 95, 0.95) 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 180ms ease;
}

.tabek-nav a:hover {
    color: #ffffff;
}

.tabek-nav a:hover::after {
    transform: scaleX(1);
}

.tabek-language-switch {
    position: relative;
    margin-left: auto;
}

.tabek-language {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 0.88rem;
    border: 1px solid rgba(94, 139, 168, 0.28);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(15, 41, 58, 0.96) 0%, rgba(10, 30, 44, 0.96) 100%);
    color: #eef7ff;
    font: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: border-color 180ms ease, transform 180ms ease;
}

.tabek-language:hover {
    transform: translateY(-1px);
    border-color: rgba(132, 176, 205, 0.34);
}

.tabek-language svg {
    width: 1rem;
    height: 1rem;
    color: rgba(222, 236, 247, 0.72);
}

.tabek-language__flag {
    position: relative;
    width: 1.2rem;
    height: 0.85rem;
    border-radius: 0.16rem;
    background: linear-gradient(180deg, #e61926 0%, #e61926 50%, #ffffff 50%, #ffffff 100%);
    box-shadow: 0 0 0 1px rgba(103, 145, 172, 0.2);
    overflow: hidden;
}

.tabek-language__flag.is-english {
    background:
        linear-gradient(0deg, transparent 43%, #ffffff 43%, #ffffff 57%, transparent 57%),
        linear-gradient(90deg, transparent 39%, #ffffff 39%, #ffffff 61%, transparent 61%),
        linear-gradient(0deg, transparent 46%, #c8102e 46%, #c8102e 54%, transparent 54%),
        linear-gradient(90deg, transparent 44%, #c8102e 44%, #c8102e 56%, transparent 56%),
        linear-gradient(146deg, transparent 42%, #ffffff 42%, #ffffff 48%, transparent 48%),
        linear-gradient(34deg, transparent 42%, #ffffff 42%, #ffffff 48%, transparent 48%),
        linear-gradient(146deg, transparent 45%, #c8102e 45%, #c8102e 47%, transparent 47%),
        linear-gradient(34deg, transparent 45%, #c8102e 45%, #c8102e 47%, transparent 47%),
        #012169;
}

.tabek-language__label {
    min-width: 9.4rem;
    text-align: left;
}

.tabek-language-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.55rem);
    min-width: 100%;
    padding: 0.45rem;
    border: 1px solid rgba(96, 145, 178, 0.24);
    border-radius: 1rem;
    background: rgba(8, 27, 40, 0.98);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
}

.tabek-language-option {
    width: 100%;
    padding: 0.68rem 0.78rem;
    border: 0;
    border-radius: 0.72rem;
    background: transparent;
    color: #eaf4fb;
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.tabek-language-option:hover,
.tabek-language-option.is-active {
    background: linear-gradient(180deg, rgba(23, 67, 94, 0.94) 0%, rgba(17, 53, 74, 0.94) 100%);
}

.tabek-hero {
    position: relative;
    padding: 2.1rem 1.5rem 1.15rem;
}

.tabek-hero::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0.2rem;
    width: min(72vw, 760px);
    height: 15rem;
    transform: translateX(-50%);
    background:
        radial-gradient(circle, rgba(243, 196, 95, 0.16) 0%, rgba(243, 196, 95, 0.06) 24%, rgba(243, 196, 95, 0) 62%),
        radial-gradient(circle at 50% 38%, rgba(96, 162, 201, 0.16) 0%, rgba(96, 162, 201, 0) 52%);
    filter: blur(16px);
    pointer-events: none;
}

.tabek-hero::after {
    content: '';
    position: absolute;
    inset: 0 1.5rem auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(243, 196, 95, 0) 0%, rgba(243, 196, 95, 0.22) 50%, rgba(243, 196, 95, 0) 100%);
    opacity: 0.8;
    pointer-events: none;
}

.tabek-heading-wrap {
    position: relative;
    text-align: center;
    margin-bottom: 1.5rem;
}

.tabek-kicker {
    margin: 0;
    color: var(--tabek-gold);
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(243, 196, 95, 0.12);
}

.tabek-heading-wrap h1 {
    margin: 0.6rem 0 0;
    font-size: clamp(1.88rem, 4.5vw, 2.82rem);
    line-height: 0.98;
    letter-spacing: -0.065em;
    color: #f4dfaa;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.22), 0 0 38px rgba(243, 196, 95, 0.12);
}

.tabek-heading-wrap p {
    position: relative;
    z-index: 1;
}

.tabek-heading-wrap .tabek-section-copy {
    max-width: 40rem;
    margin: 0.95rem auto 0;
    font-size: 0.96rem;
    line-height: 1.62;
}

.tabek-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.tabek-feature-card,
.tabek-stats-card,
.tabek-services-card,
.tabek-main-panel {
    border: 1px solid rgba(90, 141, 176, 0.18);
    border-radius: 1.2rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0) 18%),
        linear-gradient(180deg, rgba(18, 47, 66, 0.96) 0%, rgba(10, 31, 46, 0.96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 34px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(243, 196, 95, 0.03);
}

.tabek-feature-card {
    position: relative;
    min-height: 9.5rem;
    padding: 1.05rem 1rem;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tabek-feature-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(140deg, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 36%);
    opacity: 0.7;
    pointer-events: none;
}

.tabek-feature-card:hover {
    transform: translateY(-3px);
    border-color: rgba(174, 196, 144, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 22px 40px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(243, 196, 95, 0.08);
}

.tabek-feature-card__icon,
.tabek-service-item__icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.9rem;
    border-radius: 0.65rem;
    background: linear-gradient(180deg, rgba(243, 196, 95, 0.24) 0%, rgba(243, 196, 95, 0.06) 100%);
    border: 1px solid rgba(243, 196, 95, 0.18);
    position: relative;
    box-shadow: 0 10px 18px rgba(201, 148, 32, 0.12);
}

.tabek-feature-card__icon::before,
.tabek-service-item__icon::before {
    content: '';
    position: absolute;
    inset: 0.42rem;
    background: linear-gradient(180deg, #f5db90 0%, #d5a536 100%);
    opacity: 0.95;
}

.tabek-feature-card__icon--chip::before {
    clip-path: polygon(20% 12%, 80% 12%, 80% 88%, 20% 88%);
}

.tabek-feature-card__icon--bolt::before {
    clip-path: polygon(52% 0, 30% 46%, 50% 46%, 36% 100%, 72% 40%, 50% 40%);
}

.tabek-feature-card__icon--shield::before {
    clip-path: polygon(50% 0, 84% 16%, 84% 50%, 50% 100%, 16% 50%, 16% 16%);
}

.tabek-feature-card__icon--grid::before {
    clip-path: polygon(10% 10%, 40% 10%, 40% 40%, 10% 40%, 10% 60%, 40% 60%, 40% 90%, 10% 90%, 60% 10%, 90% 10%, 90% 40%, 60% 40%, 60% 60%, 90% 60%, 90% 90%, 60% 90%);
}

.tabek-feature-card h2,
.tabek-services-head h2,
.tabek-tracker-head h2 {
    margin: 0;
    font-size: 1.14rem;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #f3f9ff;
}

.tabek-feature-card p,
.tabek-services-head p,
.tabek-section-copy,
.tabek-stat-block p {
    margin: 0.45rem 0 0;
    color: var(--tabek-muted);
    font-size: 0.91rem;
    line-height: 1.52;
}

.tabek-main-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
    gap: 1.1rem;
    margin: 1.15rem 1.5rem 0;
    padding: 1.05rem;
    background:
    radial-gradient(circle at top left, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 24%),
        linear-gradient(180deg, rgba(17, 45, 63, 0.94) 0%, rgba(11, 34, 49, 0.94) 100%),
        linear-gradient(90deg, rgba(243, 196, 95, 0.04) 0%, rgba(243, 196, 95, 0) 28%);
}

.tabek-illustration-panel,
.tabek-tracker-panel {
    min-width: 0;
}

.tabek-illustration-card {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    border: 1px solid rgba(92, 147, 183, 0.16);
    border-radius: 1.15rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.12) 0%, rgba(243, 196, 95, 0) 22%),
        radial-gradient(circle at 28% 10%, rgba(86, 176, 190, 0.16) 0%, transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(243, 196, 95, 0.09) 0%, transparent 18%),
        linear-gradient(180deg, rgba(18, 56, 74, 0.98) 0%, rgba(13, 43, 58, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 40px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(243, 196, 95, 0.04), 0 0 36px rgba(17, 75, 102, 0.18);
}

.tabek-illustration-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 26%);
    pointer-events: none;
}

.tabek-illustration-card::after {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: calc(1.15rem - 1px);
    border: 1px solid rgba(243, 196, 95, 0.05);
    pointer-events: none;
}

.tabek-illustration-image {
    position: absolute;
    left: -2%;
    bottom: -0.35rem;
    width: min(110%, 720px);
    object-fit: contain;
    filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.28)) drop-shadow(0 8px 18px rgba(255, 255, 255, 0.06));
}

.tabek-mini-note {
    display: none;
    position: absolute;
    padding: 0.5rem 0.7rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(235, 243, 249, 0.18);
    background: linear-gradient(180deg, rgba(245, 250, 255, 0.95) 0%, rgba(224, 236, 244, 0.94) 100%);
    color: #1a3042;
    font-size: 0.82rem;
    font-weight: 700;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.14);
}

.tabek-mini-note--one {
    left: 6%;
    top: 12%;
}

.tabek-mini-note--two {
    right: 8%;
    top: 8%;
}

.tabek-mini-note--three {
    right: 9%;
    bottom: 16%;
}

.tabek-tracker-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.8rem 0.8rem 0.8rem 0.35rem;
}

.tabek-tracker-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 1.1rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 28%),
        radial-gradient(circle at 100% 0%, rgba(90, 154, 191, 0.16) 0%, rgba(90, 154, 191, 0) 24%),
        linear-gradient(180deg, rgba(13, 39, 54, 0.9) 0%, rgba(9, 30, 44, 0.88) 100%);
    border: 1px solid rgba(95, 148, 182, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 34px rgba(0, 0, 0, 0.16), inset 0 0 0 1px rgba(243, 196, 95, 0.03);
    pointer-events: none;
}

.tabek-tracker-panel > * {
    position: relative;
    z-index: 1;
}

.tabek-tracker-head {
    padding: 0.95rem 1rem 0.5rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}

.tabek-tracker-head h2 {
    text-shadow: 0 0 24px rgba(243, 196, 95, 0.07);
}

.tabek-section-label {
    margin: 0 0 0.5rem;
    color: var(--tabek-gold);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.tabek-section-copy {
    max-width: 26rem;
}

.tabek-cta-stack {
    display: grid;
    gap: 0.9rem;
    margin-top: 1.2rem;
    padding: 0 0.95rem 0.2rem;
}

.tabek-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 3.9rem;
    padding: 0.45rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: -0.025em;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.03);
    transition: transform 180ms ease, box-shadow 180ms ease;
    overflow: hidden;
    position: relative;
}

.tabek-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 34%, rgba(255, 255, 255, 0) 58%);
}

.tabek-cta::after {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.08);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    padding: 1px;
    opacity: 0.4;
    pointer-events: none;
}

.tabek-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 0 28px rgba(255, 255, 255, 0.06);
}

.tabek-cta--wa {
    background: linear-gradient(180deg, #49c66d 0%, #24954a 100%);
}

.tabek-cta--telegram {
    background: linear-gradient(180deg, #3aa0f7 0%, #1664b4 100%);
}

.tabek-cta__icon {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    position: relative;
    flex: 0 0 auto;
}

.tabek-cta__icon::before {
    content: '';
    position: absolute;
    inset: 0.68rem;
    background: #ffffff;
}

.tabek-cta__icon--wa::before {
    border-radius: 999px;
}

.tabek-cta__icon--telegram::before {
    clip-path: polygon(0 56%, 100% 0, 74% 100%, 48% 66%);
}

.tabek-qa-board {
    margin: 1.05rem 1.5rem 0;
    padding: 1.1rem;
    border: 1px solid rgba(90, 141, 176, 0.18);
    border-radius: 1.2rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 20%),
        radial-gradient(circle at 100% 0%, rgba(85, 152, 194, 0.16) 0%, rgba(85, 152, 194, 0) 24%),
        linear-gradient(180deg, rgba(18, 47, 66, 0.96) 0%, rgba(10, 31, 46, 0.96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 34px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(243, 196, 95, 0.03);
}

.tabek-qa-head {
    max-width: 44rem;
    margin-bottom: 1rem;
}

.tabek-qa-head h2 {
    margin: 0;
    font-size: clamp(1.42rem, 2.5vw, 1.88rem);
    line-height: 1.08;
    letter-spacing: -0.045em;
    color: #f3f8fd;
}

.tabek-qa-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.tabek-qa-controls,
.tabek-qa-results {
    min-width: 0;
}

.tabek-qa-controls {
    display: grid;
    gap: 0.9rem;
}

.tabek-qa-pulse {
    display: grid;
    gap: 0.8rem;
    padding: 0.95rem;
    border: 1px solid rgba(97, 146, 178, 0.16);
    border-radius: 1rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.06) 0%, rgba(243, 196, 95, 0) 28%),
        linear-gradient(180deg, rgba(12, 36, 51, 0.92) 0%, rgba(9, 28, 41, 0.92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 24px rgba(0, 0, 0, 0.12);
}

.tabek-qa-pulse__head {
    display: grid;
    gap: 0.2rem;
}

.tabek-qa-pulse__head h3,
.tabek-qa-summary__lead h3 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.18;
    letter-spacing: -0.025em;
    color: #f3f9ff;
}

.tabek-qa-pulse__list {
    display: grid;
    gap: 0.72rem;
}

.tabek-popular-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    width: 100%;
    padding: 0.82rem 0.9rem;
    border: 1px solid rgba(243, 196, 95, 0.12);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.02);
    color: #eef7ff;
    text-align: left;
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.tabek-popular-chip:hover {
    transform: translateY(-2px);
    border-color: rgba(243, 196, 95, 0.24);
    background: rgba(243, 196, 95, 0.05);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.12);
}

.tabek-popular-chip__label {
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.tabek-popular-chip__count {
    flex: 0 0 auto;
    padding: 0.26rem 0.5rem;
    border-radius: 999px;
    background: rgba(243, 196, 95, 0.12);
    color: #f3d993;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.tabek-qa-search {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3.7rem;
    padding: 0 1rem 0 3rem;
    border: 1px solid rgba(98, 147, 179, 0.18);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, rgba(13, 39, 54, 0.92) 0%, rgba(10, 31, 46, 0.92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 28px rgba(0, 0, 0, 0.12);
}

.tabek-qa-search__icon {
    position: absolute;
    left: 1rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(243, 196, 95, 0.92);
    border-radius: 50%;
}

.tabek-qa-search__icon::after {
    content: '';
    position: absolute;
    right: -0.42rem;
    bottom: -0.38rem;
    width: 0.46rem;
    height: 2px;
    border-radius: 999px;
    background: rgba(243, 196, 95, 0.92);
    transform: rotate(45deg);
    transform-origin: center;
}

.tabek-qa-search input {
    width: 100%;
    border: 0;
    background: transparent;
    color: #eef7ff;
    font: inherit;
    font-size: 0.95rem;
    outline: 0;
}

.tabek-qa-search input::placeholder {
    color: rgba(163, 191, 210, 0.82);
}

.tabek-topic-grid {
    display: grid;
    gap: 0.8rem;
}

.tabek-topic-chip {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    width: 100%;
    padding: 0.92rem 0.95rem;
    border: 1px solid rgba(98, 147, 179, 0.16);
    border-radius: 1rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.05) 0%, rgba(243, 196, 95, 0) 30%),
        linear-gradient(180deg, rgba(13, 39, 54, 0.92) 0%, rgba(10, 31, 46, 0.92) 100%);
    color: #eef7ff;
    text-align: left;
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tabek-topic-chip:hover,
.tabek-topic-chip.is-active {
    transform: translateY(-2px);
    border-color: rgba(243, 196, 95, 0.22);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(243, 196, 95, 0.06);
}

.tabek-topic-chip__title {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.tabek-topic-chip__desc {
    color: var(--tabek-muted);
    font-size: 0.82rem;
    line-height: 1.42;
}

.tabek-qa-results {
    display: grid;
    gap: 0.9rem;
}

.tabek-qa-summary {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr);
    gap: 1rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(97, 146, 178, 0.16);
    border-radius: 1rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.06) 0%, rgba(243, 196, 95, 0) 28%),
        linear-gradient(180deg, rgba(12, 36, 51, 0.92) 0%, rgba(9, 28, 41, 0.92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 24px rgba(0, 0, 0, 0.12);
}

.tabek-qa-summary__lead {
    display: grid;
    gap: 0.2rem;
}

.tabek-qa-summary__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.tabek-qa-stat {
    display: grid;
    gap: 0.18rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid rgba(243, 196, 95, 0.1);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.02);
}

.tabek-qa-stat strong {
    color: #f3f9ff;
    font-size: 1rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.tabek-qa-stat span {
    color: var(--tabek-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.tabek-qa-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.tabek-qa-card {
    position: relative;
    min-height: 12.2rem;
    padding: 1rem;
    border: 1px solid rgba(97, 146, 178, 0.16);
    border-radius: 1.05rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.06) 0%, rgba(243, 196, 95, 0) 32%),
        linear-gradient(180deg, rgba(12, 36, 51, 0.96) 0%, rgba(9, 28, 41, 0.96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 16px 28px rgba(0, 0, 0, 0.12);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.tabek-qa-card::after {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: calc(1.05rem - 1px);
    border: 1px solid rgba(243, 196, 95, 0.04);
    pointer-events: none;
}

.tabek-qa-card.is-open {
    border-color: rgba(243, 196, 95, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 20px 34px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(243, 196, 95, 0.08);
    transform: translateY(-2px);
}

.tabek-qa-card__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.tabek-qa-card__chevron {
    position: relative;
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.tabek-qa-card__chevron::before,
.tabek-qa-card__chevron::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 0.58rem;
    height: 2px;
    border-radius: 999px;
    background: rgba(243, 196, 95, 0.92);
    transition: transform 180ms ease;
}

.tabek-qa-card__chevron::before {
    left: 0.08rem;
    transform: translateY(-50%) rotate(45deg);
}

.tabek-qa-card__chevron::after {
    right: 0.08rem;
    transform: translateY(-50%) rotate(-45deg);
}

.tabek-qa-card.is-open .tabek-qa-card__chevron::before {
    transform: translateY(-50%) rotate(-45deg);
}

.tabek-qa-card.is-open .tabek-qa-card__chevron::after {
    transform: translateY(-50%) rotate(45deg);
}

.tabek-qa-card__topic {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.18rem 0.62rem;
    border-radius: 999px;
    background: rgba(243, 196, 95, 0.12);
    color: #f3d993;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tabek-qa-card h3 {
    margin: 0.8rem 0 0;
    font-size: 1.04rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #f4f9ff;
}

.tabek-qa-card p {
    margin: 0.72rem 0 0;
    color: #cae0ef;
    font-size: 0.9rem;
    line-height: 1.56;
}

.tabek-qa-card__expand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: 0.95rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(243, 196, 95, 0.18);
    border-radius: 999px;
    background: rgba(243, 196, 95, 0.06);
    color: #f1d692;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.tabek-qa-card__expand:hover {
    transform: translateY(-1px);
    border-color: rgba(243, 196, 95, 0.28);
    background: rgba(243, 196, 95, 0.1);
}

.tabek-qa-card__detail {
    display: grid;
    gap: 0.9rem;
    margin-top: 0.95rem;
    padding-top: 0.95rem;
    border-top: 1px solid rgba(101, 145, 173, 0.14);
}

.tabek-qa-card__detail-copy {
    margin: 0;
}

.tabek-qa-card__meta {
    display: grid;
    gap: 0.35rem;
}

.tabek-qa-card__meta-label {
    color: var(--tabek-gold);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tabek-qa-card__meta span:last-child {
    color: var(--tabek-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.tabek-qa-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.tabek-qa-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
}

.tabek-qa-action--wa {
    background: linear-gradient(180deg, #48bc6a 0%, #238e47 100%);
}

.tabek-qa-action--telegram {
    background: linear-gradient(180deg, #3698ee 0%, #1460aa 100%);
}

.tabek-qa-empty {
    margin: 0;
    padding: 1rem 1.05rem;
    border: 1px dashed rgba(243, 196, 95, 0.24);
    border-radius: 1rem;
    color: #d8e7f2;
    font-size: 0.9rem;
    line-height: 1.5;
    background: rgba(13, 39, 54, 0.56);
}

.tabek-dashboard-row {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 1.05rem;
    padding: 1.05rem 1.5rem 1.5rem;
}

.tabek-stats-card,
.tabek-services-card {
    padding: 1.05rem;
}

.tabek-services-card {
    background:
    linear-gradient(145deg, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 26%),
    radial-gradient(circle at 90% 0%, rgba(243, 196, 95, 0.08) 0%, transparent 18%),
        linear-gradient(180deg, rgba(17, 45, 63, 0.94) 0%, rgba(11, 34, 49, 0.94) 100%);
}

.tabek-stats-card {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    background:
        linear-gradient(145deg, rgba(243, 196, 95, 0.08) 0%, rgba(243, 196, 95, 0) 26%),
        radial-gradient(circle at 12% 10%, rgba(84, 150, 196, 0.14) 0%, rgba(84, 150, 196, 0) 28%),
        linear-gradient(180deg, rgba(19, 47, 66, 0.96) 0%, rgba(10, 31, 46, 0.98) 100%);
}

.tabek-stats-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 24%);
    pointer-events: none;
}

.tabek-stats-card::after {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: calc(1.2rem - 1px);
    border: 1px solid rgba(243, 196, 95, 0.05);
    pointer-events: none;
}

.tabek-stats-card > * {
    position: relative;
    z-index: 1;
}

.tabek-stat-block {
    padding: 0.2rem 0.1rem 0.15rem;
}

.tabek-stat-block strong {
    text-shadow: 0 0 24px rgba(243, 196, 95, 0.08);
}

.tabek-stat-block strong {
    display: inline-block;
    margin-top: 0.6rem;
    color: #f7fbff;
    font-size: 1.12rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

.tabek-bar-track {
    height: 0.58rem;
    overflow: hidden;
    margin-top: 0.85rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(141, 177, 202, 0.2) 0%, rgba(95, 131, 156, 0.14) 100%);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26);
}

.tabek-bar-track span,
.tabek-chart-line span {
    display: block;
    height: 100%;
}

.tabek-bar-track .is-response {
    width: 72%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f0cb67 0%, #dca123 100%);
    box-shadow: 0 0 18px rgba(243, 196, 95, 0.2);
}

.tabek-chart-line {
    height: 4rem;
    margin-top: 0.85rem;
    border-radius: 0.9rem;
    background: rgba(141, 177, 202, 0.08);
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.tabek-chart-line span {
    width: 100%;
    background: linear-gradient(180deg, rgba(243, 196, 95, 0.34) 0%, rgba(243, 196, 95, 0) 100%);
    clip-path: polygon(0 78%, 16% 62%, 32% 68%, 49% 34%, 68% 48%, 86% 22%, 100% 30%, 100% 100%, 0 100%);
}

.tabek-stat-icons {
    grid-column: 1 / span 2;
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding-top: 0.8rem;
    padding-bottom: 0.1rem;
}

.tabek-stat-icons span {
    position: relative;
    display: inline-block;
}

.tabek-stat-icons .is-bars {
    width: 6rem;
    height: 3.4rem;
    background:
        linear-gradient(180deg, transparent 0%, transparent 35%, rgba(240, 200, 94, 0.96) 35%, rgba(240, 200, 94, 0.96) 100%),
        linear-gradient(180deg, transparent 0%, transparent 22%, rgba(103, 184, 235, 0.92) 22%, rgba(103, 184, 235, 0.92) 100%),
        linear-gradient(180deg, transparent 0%, transparent 52%, rgba(255, 255, 255, 0.88) 52%, rgba(255, 255, 255, 0.88) 100%);
    background-size: 0.55rem 100%, 0.55rem 100%, 0.55rem 100%;
    background-repeat: repeat-x;
    background-position: 0 0, 0.72rem 0, 1.44rem 0;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.18));
}

.tabek-stat-icons .is-ring,
.tabek-stat-icons .is-ring-alt {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    border: 0.45rem solid rgba(110, 159, 193, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 18px rgba(0, 0, 0, 0.16);
}

.tabek-stat-icons .is-ring {
    border-top-color: #f0c965;
    border-right-color: #f0c965;
}

.tabek-stat-icons .is-ring-alt {
    border-left-color: #67b8eb;
    border-top-color: #67b8eb;
}

.tabek-services-head p {
    color: var(--tabek-gold);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tabek-services-head {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    padding: 0.1rem 0.15rem 0.3rem;
}

.tabek-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 0.95rem;
}

.tabek-service-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 5.15rem;
    padding: 0.92rem 0.9rem;
    border: 1px solid rgba(96, 145, 178, 0.16);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0) 22%),
        linear-gradient(180deg, rgba(14, 40, 56, 0.92) 0%, rgba(10, 31, 46, 0.92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 16px 28px rgba(0, 0, 0, 0.12);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tabek-service-item::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(145deg, rgba(243, 196, 95, 0.06) 0%, rgba(243, 196, 95, 0) 38%);
    pointer-events: none;
}

.tabek-service-item::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: calc(1rem - 1px);
    border: 1px solid rgba(243, 196, 95, 0.04);
    pointer-events: none;
}

.tabek-service-item:hover {
    transform: translateY(-2px);
    border-color: rgba(243, 196, 95, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 34px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(243, 196, 95, 0.08);
}

.tabek-service-item__icon {
    box-shadow: 0 10px 18px rgba(201, 148, 32, 0.12), 0 0 22px rgba(243, 196, 95, 0.08);
}

.tabek-service-item span:last-child {
    display: block;
    color: #dcebf6;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.42;
    position: relative;
    z-index: 1;
}

@media (max-width: 960px) {
    .tabek-topbar,
    .tabek-main-panel,
    .tabek-dashboard-row {
        grid-template-columns: 1fr;
    }

    .tabek-topbar {
        flex-direction: column;
        align-items: flex-start;
        margin: 0.75rem 0.75rem 0;
        padding: 0.9rem 1rem;
    }

    .tabek-language-switch {
        width: 100%;
        margin-left: 0;
    }

    .tabek-language {
        width: 100%;
        justify-content: space-between;
    }

    .tabek-nav {
        gap: 1.2rem;
        flex-wrap: wrap;
    }

    .tabek-tracker-panel {
        padding: 0;
    }

    .tabek-feature-grid,
    .tabek-qa-layout,
    .tabek-dashboard-row,
    .tabek-main-panel {
        grid-template-columns: 1fr;
    }

    .tabek-qa-grid {
        grid-template-columns: 1fr;
    }

    .tabek-qa-summary {
        grid-template-columns: 1fr;
    }

    .tabek-qa-summary__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tabek-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .tabek-page {
        padding: 0.45rem;
    }

    .tabek-topbar,
    .tabek-hero,
    .tabek-qa-board,
    .tabek-dashboard-row,
    .tabek-main-panel {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .tabek-hero {
        padding-top: 1.9rem;
        padding-bottom: 1rem;
    }

    .tabek-heading-wrap {
        margin-bottom: 1.2rem;
    }

    .tabek-heading-wrap h1 {
        line-height: 1.02;
    }

    .tabek-heading-wrap .tabek-section-copy {
        font-size: 0.92rem;
        line-height: 1.56;
    }

    .tabek-hero::before {
        width: min(92vw, 520px);
        height: 12rem;
    }

    .tabek-hero::after {
        left: 1rem;
        right: 1rem;
    }

    .tabek-feature-grid,
    .tabek-topic-grid,
    .tabek-services-grid {
        grid-template-columns: 1fr;
    }

    .tabek-qa-summary__stats {
        grid-template-columns: 1fr;
    }

    .tabek-stats-card {
        grid-template-columns: 1fr;
    }

    .tabek-stat-icons {
        grid-column: auto;
    }

    .tabek-illustration-card {
        min-height: 280px;
    }

    .tabek-tracker-head,
    .tabek-cta-stack {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .tabek-feature-card,
    .tabek-qa-board,
    .tabek-stats-card,
    .tabek-services-card,
    .tabek-main-panel,
    .tabek-service-item,
    .tabek-qa-card,
    .tabek-topic-chip,
    .tabek-qa-search {
        border-radius: 1.05rem;
    }

    .tabek-illustration-image {
        left: -3%;
        width: min(110%, 490px);
    }
}