.ttfb-sec{padding:80px 0;background:var(--bg-alt)}
.ttfb-card{background:var(--dark-bg);border-radius:20px;overflow:hidden}
.ttfb-l{padding:40px}
.ttfb-l h3{color:var(--txt-light);font-size:1.5rem;font-weight:700;margin-bottom:4px}
.ttfb-badge{background:var(--accent);color:var(--dark-bg);font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:5px;vertical-align:middle;margin-left:6px}
.ttfb-l>p{color:var(--txt-muted);font-size:.85rem;line-height:1.6;margin-bottom:24px}
.bar-item{margin-bottom:14px}
.bar-label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:6px}
.bar-label span:first-child{color:var(--txt-muted)}
.bar-label span:last-child{color:var(--txt-light);font-weight:600}
.bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.bar-fill{height:100%;border-radius:4px;transition:width 1s ease}
.bar-fill.j{background:var(--accent);width:18%}
.bar-fill.a{background:#f59e0b;width:50%}
.bar-fill.bb{background:#ef4444;width:70%}
.bar-fill.c{background:#ef4444;width:90%}
.ttfb-r{padding:40px;background:rgba(255,255,255,.02);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;height:100%}
.ttfb-r h3{color:var(--txt-light);font-size:1.6rem;font-weight:700;margin-bottom:16px}
.ttfb-r p{color:var(--txt-muted);font-size:.9rem;line-height:1.7}
.ttfb-btn{display:inline-block;margin-top:20px;background:var(--accent);color:var(--dark-bg);font-weight:600;padding:10px 24px;border-radius:10px;font-size:.9rem;text-decoration:none;transition:all .3s}
.ttfb-btn:hover{background:var(--accent-dark);color:var(--dark-bg)}

@media(max-width:992px){.ttfb-r{border-left:none;border-top:1px solid rgba(255,255,255,.06)}}