:root{
  --bg:#ffffff; --card:#f7f8fb; --muted:#5b6475; --text:#0e1525;
  --accent:#3ecf8e; --accent-2:#7c5cff; --chip:#e9ecf5;
}
.bfs-wrap{color:var(--text)}
.bfs-brand{display:flex;gap:12px;align-items:center}
.bfs-logo{width:36px;height:36px;border-radius:10px;background:
  radial-gradient(circle at 30% 30%, #6be7c8, transparent 40%),
  radial-gradient(circle at 70% 70%, #a78bfa, transparent 42%), #0c173a;}
.bfs-sub{font-weight:400;color:#a8b4e6;font-size:16px}
.bfs-main{display:grid;gap:16px}
@media(min-width:980px){.bfs-main{grid-template-columns:1.2fr .8fr}}
.bfs-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.bfs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.bfs-chip{background:var(--chip);color:#cdd8ff;border:1px solid rgba(255,255,255,.06);padding:6px 10px;border-radius:999px;font-size:12px}
.bfs-progress{height:6px;border-radius:999px;background:#0c1430;overflow:hidden;margin-top:10px}
#bfs-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0%;transition:width .25s}
.bfs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
button#bfs-start, #bfs-next, #bfs-finish, #bfs-restart{
  appearance:none;border:none;cursor:pointer;border-radius:12px;padding:11px 14px;font-weight:700;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#071224;box-shadow:0 6px 24px rgba(107,231,200,.25)
}
.bfs-secondary{background:#0f1a45!important;color:#cfe0ff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.bfs-note{font-size:12px;color:#9fb0db;margin-top:6px}
.bfs-hidden{display:none !important}
form#bfs-quiz{display:flex;flex-direction:column;gap:18px}
.bfs-q{padding:14px;border-radius:14px;background:#0f1531;border:1px solid rgba(255,255,255,.06)}
.bfs-q h3{margin:0 0 8px;font-size:16px}
.bfs-scale{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bfs-badge{font-size:11px;padding:2px 8px;border-radius:6px;background:#0b143a;color:#a6b4e9;border:1px solid rgba(255,255,255,.06)}
.bfs-opt{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0c1840;color:#dbe6ff;font-size:12px;cursor:pointer}
.bfs-opt[aria-pressed="true"]{outline:2px solid var(--accent);background:#0b2233}
.bfs-kpi{display:flex;flex-wrap:wrap;gap:10px}
.bfs-pill{display:flex;gap:8px;align-items:center;background:#0e1744;border:1px solid rgba(255,255,255,.06);padding:8px 10px;border-radius:10px}
.bfs-dot{width:10px;height:10px;border-radius:50%}
.bfs-legend{display:grid;gap:8px}
.bfs-muted{color:#9fb0db}